@energinet/watt 0.0.1

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

@@ -0,0 +1,384 @@
+import * as i0 from '@angular/core';
+import { inject, ChangeDetectorRef, input, output, signal, effect, untracked, ViewEncapsulation, Component, ElementRef, DestroyRef, HostBinding, Input, Directive } from '@angular/core';
+import { Maskito } from '@maskito/core';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { NgControl } from '@angular/forms';
+import { Subject } from 'rxjs';
+
+//#region License
+/**
+ * @license
+ * Copyright 2020 Energinet DataHub A/S
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License2");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+//#endregion
+class WattPlaceholderMaskComponent {
+    cdr = inject(ChangeDetectorRef);
+    primaryInputElement = input.required();
+    secondaryInputElement = input();
+    mask = input.required();
+    placeholder = input.required();
+    maskApplied = output();
+    maskedInput = signal(null);
+    primaryGhost = signal('');
+    primaryFiller = signal(null);
+    maskEffect = effect((onCleanup) => {
+        const mask = this.mask();
+        const placeholder = this.placeholder();
+        const primaryMask = {
+            ...mask,
+            preprocessors: [
+                ...(mask.preprocessors ?? []),
+                (state) => {
+                    this.primaryGhost.set(state.elementState.value.slice(0, placeholder.length));
+                    this.primaryFiller.set(placeholder.slice(state.elementState.value.length));
+                    return state;
+                },
+            ],
+            postprocessors: [
+                (elementState) => {
+                    this.maskApplied.emit(elementState.value);
+                    return elementState;
+                },
+                ...(mask.postprocessors ?? []),
+            ],
+        };
+        const maskedInput = new Maskito(this.primaryInputElement(), primaryMask);
+        this.maskedInput.set(maskedInput);
+        onCleanup(() => {
+            maskedInput.destroy();
+            this.maskedInput.set(null);
+        });
+    });
+    inputEffect = effect(() => {
+        const primaryInputElement = this.primaryInputElement();
+        untracked(() => primaryInputElement.dispatchEvent(new InputEvent('input')));
+    });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattPlaceholderMaskComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.1", type: WattPlaceholderMaskComponent, isStandalone: true, selector: "watt-placeholder-mask", inputs: { primaryInputElement: { classPropertyName: "primaryInputElement", publicName: "primaryInputElement", isSignal: true, isRequired: true, transformFunction: null }, secondaryInputElement: { classPropertyName: "secondaryInputElement", publicName: "secondaryInputElement", isSignal: true, isRequired: false, transformFunction: null }, mask: { classPropertyName: "mask", publicName: "mask", isSignal: true, isRequired: true, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { maskApplied: "maskApplied" }, ngImport: i0, template: "<!--\n@license\nCopyright 2020 Energinet DataHub A/S\n\nLicensed under the Apache License, Version 2.0 (the \"License2\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n    http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n-->\n<span class=\"ghost\">{{ primaryGhost() }}</span>\n<span class=\"filler\">{{ primaryFiller() ?? placeholder() }}</span>\n", styles: ["watt-placeholder-mask{position:absolute;font-family:Droid Sans Mono,monospace;box-sizing:content-box;max-width:100%;line-height:20px;padding:1px 2px;letter-spacing:-.03em;pointer-events:none;display:block}.ghost{color:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.filler{color:var(--watt-color-neutral-grey-300);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}\n"], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattPlaceholderMaskComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'watt-placeholder-mask', encapsulation: ViewEncapsulation.None, template: "<!--\n@license\nCopyright 2020 Energinet DataHub A/S\n\nLicensed under the Apache License, Version 2.0 (the \"License2\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n    http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n-->\n<span class=\"ghost\">{{ primaryGhost() }}</span>\n<span class=\"filler\">{{ primaryFiller() ?? placeholder() }}</span>\n", styles: ["watt-placeholder-mask{position:absolute;font-family:Droid Sans Mono,monospace;box-sizing:content-box;max-width:100%;line-height:20px;padding:1px 2px;letter-spacing:-.03em;pointer-events:none;display:block}.ghost{color:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.filler{color:var(--watt-color-neutral-grey-300);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}\n"] }]
+        }] });
+
+//#region License
+/**
+ * @license
+ * Copyright 2020 Energinet DataHub A/S
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License2");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+//#endregion
+class WattPickerBase {
+    id;
+    elementRef = inject(ElementRef);
+    changeDetectionRef = inject(ChangeDetectorRef);
+    ngControl = inject(NgControl, { optional: true });
+    /**
+     * @ignore
+     */
+    static nextId = 0;
+    /**
+     * @ignore
+     */
+    initialValue = null;
+    /**
+     * @ignore
+     */
+    focused = false;
+    /**
+     * @ignore
+     */
+    controlType = 'mat-date-range-input'; // We keep the controlType of Material Date Range Input as is, to keep some styling.
+    /**
+     * @ignore
+     */
+    stateChanges = new Subject();
+    /**
+     * @ignore
+     */
+    _destroyRef = inject(DestroyRef);
+    // eslint-disable-next-line @angular-eslint/no-input-rename
+    userAriaDescribedBy;
+    /**
+     * @ignore
+     */
+    get placeholder() {
+        return this._placeholder;
+    }
+    /**
+     * @ignore
+     */
+    set placeholder(value) {
+        this._placeholder = value;
+        this.stateChanges.next();
+    }
+    /**
+     * @ignore
+     */
+    get value() {
+        if (this.ngControl?.valid) {
+            const { value: { start, end }, } = this.ngControl;
+            return { start, end };
+        }
+        return null;
+    }
+    /**
+     * @ignore
+     */
+    set value(value) {
+        const inputNotToBeInTheDocument = !this.range ? !this.input : !this.startInput;
+        if (inputNotToBeInTheDocument) {
+            this.initialValue = value;
+            return;
+        }
+        if (this.range) {
+            this.setRangeValue(value, this.startInput.nativeElement, this.endInput.nativeElement);
+        }
+        else {
+            this.setSingleValue(value, this.input.nativeElement);
+        }
+        this.stateChanges.next();
+    }
+    set range(range) {
+        this._range = coerceBooleanProperty(range);
+    }
+    get range() {
+        return this._range;
+    }
+    /**
+     * @ignore
+     */
+    _range = false;
+    /**
+     * @ignore
+     */
+    get required() {
+        return this._required;
+    }
+    /**
+     * @ignore
+     */
+    set required(value) {
+        this._required = coerceBooleanProperty(value);
+        this.stateChanges.next();
+    }
+    /**
+     * @ignore
+     */
+    _required = false;
+    /**
+     * @ignore
+     */
+    get disabled() {
+        return this._disabled;
+    }
+    /**
+     * @ignore
+     */
+    set disabled(value) {
+        this._disabled = coerceBooleanProperty(value);
+        this.stateChanges.next();
+    }
+    /**
+     * @ignore
+     */
+    _disabled = false;
+    /**
+     * @ignore
+     */
+    get empty() {
+        if (this.range) {
+            return !this.ngControl?.value?.start && !this.ngControl?.value?.end;
+        }
+        else {
+            return this.ngControl?.value?.length === 0;
+        }
+    }
+    /**
+     * @ignore
+     */
+    get errorState() {
+        return !!this.ngControl?.invalid && !!this.ngControl?.touched;
+    }
+    /**
+     * @ignore
+     */
+    get shouldLabelFloat() {
+        return this.focused || !this.empty;
+    }
+    /**
+     *
+     * @ignore
+     */
+    control = null;
+    constructor(id) {
+        this.id = id;
+        this.elementRef.nativeElement.setAttribute('id', this.id);
+        if (this.ngControl != null) {
+            this.ngControl.valueAccessor = this;
+        }
+    }
+    ngOnInit() {
+        this.control = this.ngControl?.control;
+    }
+    /**
+     * @ignore
+     */
+    ngAfterViewInit() {
+        if (this.initialValue) {
+            this.writeValue(this.initialValue);
+        }
+        if (this.range) {
+            this.initRangeInput();
+        }
+        else {
+            this.initSingleInput();
+        }
+    }
+    /**
+     * @ignore
+     */
+    ngOnDestroy() {
+        this.stateChanges.complete();
+    }
+    /**
+     * @ignore
+     */
+    setDescribedByIds(ids) {
+        this.elementRef.nativeElement.setAttribute('aria-describedby', ids.join(' '));
+    }
+    /**
+     * @ignore
+     */
+    onContainerClick() {
+        // Intentionally left empty
+    }
+    /**
+     * @ignore
+     */
+    writeValue(value) {
+        this.value = value;
+    }
+    /**
+     * @ignore
+     */
+    registerOnChange(onChangeFn) {
+        this.changeParentValue = onChangeFn;
+    }
+    /**
+     * @ignore
+     */
+    registerOnTouched(onTouchFn) {
+        this.markParentControlAsTouched = onTouchFn;
+    }
+    /**
+     * @ignore
+     */
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+        this.changeDetectionRef.detectChanges();
+    }
+    /**
+     * @ignore
+     */
+    onFocusIn() {
+        if (!this.focused) {
+            this.focused = true;
+            this.stateChanges.next();
+        }
+    }
+    /**
+     * @ignore
+     */
+    onFocusOut(event) {
+        const id = this.elementRef.nativeElement.attributes.getNamedItem('aria-owns');
+        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.markParentControlAsTouched();
+            this.stateChanges.next();
+        }
+    }
+    /**
+     * @ignore
+     */
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    changeParentValue = (value) => {
+        // Intentionally left empty
+    };
+    /**
+     * @ignore
+     */
+    markParentControlAsTouched = () => {
+        // Intentionally left empty
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattPickerBase, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.1", type: WattPickerBase, isStandalone: true, inputs: { userAriaDescribedBy: ["aria-describedby", "userAriaDescribedBy"], value: "value", range: "range", required: "required", disabled: "disabled" }, host: { properties: { "attr.watt-field-disabled": "this.disabled" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattPickerBase, decorators: [{
+            type: Directive
+        }], ctorParameters: () => [{ type: undefined }], propDecorators: { userAriaDescribedBy: [{
+                type: Input,
+                args: ['aria-describedby']
+            }], value: [{
+                type: Input
+            }], range: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }], disabled: [{
+                type: HostBinding,
+                args: ['attr.watt-field-disabled']
+            }, {
+                type: Input
+            }] } });
+
+//#region License
+/**
+ * @license
+ * Copyright 2020 Energinet DataHub A/S
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License2");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+//#endregion
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { WattPickerBase, WattPlaceholderMaskComponent };
+//# sourceMappingURL=energinet-watt-picker-__shared.mjs.map

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

@@ -0,0 +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 { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport {\n  AfterViewInit,\n  ChangeDetectorRef,\n  DestroyRef,\n  Directive,\n  ElementRef,\n  HostBinding,\n  Input,\n  OnDestroy,\n  OnInit,\n  inject,\n} from '@angular/core';\nimport { ControlValueAccessor, FormControl, NgControl } from '@angular/forms';\nimport { Subject } from 'rxjs';\n\nimport { WattDateRange } from '@energinet/watt/core/date';\nimport { WattPickerValue } from './watt-picker-value';\n\n@Directive()\nexport abstract class WattPickerBase\n  implements OnInit, AfterViewInit, OnDestroy, ControlValueAccessor\n{\n  protected elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  protected changeDetectionRef = inject(ChangeDetectorRef);\n  protected ngControl = inject(NgControl, { optional: true });\n\n  /**\n   * @ignore\n   */\n  abstract input: ElementRef;\n\n  /**\n   * @ignore\n   */\n  abstract startInput: ElementRef;\n\n  /**\n   * @ignore\n   */\n  abstract endInput: ElementRef;\n\n  /**\n   * @ignore\n   */\n  static nextId = 0;\n\n  /**\n   * @ignore\n   */\n  initialValue: WattPickerValue = null;\n\n  /**\n   * @ignore\n   */\n  focused = false;\n\n  /**\n   * @ignore\n   */\n  controlType = 'mat-date-range-input'; // We keep the controlType of Material Date Range Input as is, to keep some styling.\n\n  /**\n   * @ignore\n   */\n  stateChanges = new Subject<void>();\n\n  /**\n   * @ignore\n   */\n  protected _destroyRef = inject(DestroyRef);\n\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  @Input('aria-describedby') userAriaDescribedBy?: string;\n\n  /**\n   * @ignore\n   */\n  get placeholder(): string {\n    return this._placeholder;\n  }\n\n  /**\n   * @ignore\n   */\n  set placeholder(value: string) {\n    this._placeholder = value;\n    this.stateChanges.next();\n  }\n\n  /**\n   * @ignore\n   */\n  protected abstract _placeholder: string;\n\n  /**\n   * @ignore\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  /**\n   * @ignore\n   */\n  set value(value: WattPickerValue) {\n    const inputNotToBeInTheDocument = !this.range ? !this.input : !this.startInput;\n\n    if (inputNotToBeInTheDocument) {\n      this.initialValue = value;\n      return;\n    }\n\n    if (this.range) {\n      this.setRangeValue(\n        value as WattDateRange,\n        this.startInput.nativeElement,\n        this.endInput.nativeElement\n      );\n    } else {\n      this.setSingleValue(\n        value as Exclude<WattPickerValue, WattDateRange>,\n        this.input.nativeElement\n      );\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  /**\n   * @ignore\n   */\n  private _range = false;\n\n  /**\n   * @ignore\n   */\n  @Input()\n  get required(): boolean {\n    return this._required;\n  }\n\n  /**\n   * @ignore\n   */\n  set required(value: BooleanInput) {\n    this._required = coerceBooleanProperty(value);\n    this.stateChanges.next();\n  }\n\n  /**\n   * @ignore\n   */\n  private _required = false;\n\n  /**\n   * @ignore\n   */\n  @HostBinding('attr.watt-field-disabled')\n  @Input()\n  get disabled(): boolean {\n    return this._disabled;\n  }\n\n  /**\n   * @ignore\n   */\n  set disabled(value: BooleanInput) {\n    this._disabled = coerceBooleanProperty(value);\n    this.stateChanges.next();\n  }\n\n  /**\n   * @ignore\n   */\n  private _disabled = false;\n\n  /**\n   * @ignore\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  /**\n   * @ignore\n   */\n  get errorState(): boolean {\n    return !!this.ngControl?.invalid && !!this.ngControl?.touched;\n  }\n\n  /**\n   * @ignore\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(public id: string) {\n    this.elementRef.nativeElement.setAttribute('id', this.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  /**\n   * @ignore\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  /**\n   * @ignore\n   */\n  ngOnDestroy(): void {\n    this.stateChanges.complete();\n  }\n\n  /**\n   * @ignore\n   */\n  protected abstract initRangeInput(): void;\n\n  /**\n   * @ignore\n   */\n  protected abstract initSingleInput(): void;\n\n  /**\n   * @ignore\n   */\n  protected abstract setSingleValue(\n    value: Exclude<WattPickerValue, WattDateRange>,\n    input: HTMLInputElement\n  ): void;\n\n  /**\n   * @ignore\n   */\n  protected abstract setRangeValue(\n    value: WattDateRange,\n    startInput: HTMLInputElement,\n    endInput: HTMLInputElement\n  ): void;\n\n  /**\n   * @ignore\n   */\n  setDescribedByIds(ids: string[]) {\n    this.elementRef.nativeElement.setAttribute('aria-describedby', ids.join(' '));\n  }\n\n  /**\n   * @ignore\n   */\n  onContainerClick() {\n    // Intentionally left empty\n  }\n\n  /**\n   * @ignore\n   */\n  writeValue(value: WattPickerValue): void {\n    this.value = value;\n  }\n\n  /**\n   * @ignore\n   */\n  registerOnChange(onChangeFn: (value: string | WattDateRange) => void): void {\n    this.changeParentValue = onChangeFn;\n  }\n\n  /**\n   * @ignore\n   */\n  registerOnTouched(onTouchFn: () => void) {\n    this.markParentControlAsTouched = onTouchFn;\n  }\n\n  /**\n   * @ignore\n   */\n  setDisabledState(isDisabled: boolean): void {\n    this.disabled = isDisabled;\n    this.changeDetectionRef.detectChanges();\n  }\n\n  /**\n   * @ignore\n   */\n  onFocusIn() {\n    if (!this.focused) {\n      this.focused = true;\n      this.stateChanges.next();\n    }\n  }\n\n  /**\n   * @ignore\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  /**\n   * @ignore\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  /**\n   * @ignore\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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"}