@energinet/watt 4.2.15 → 4.2.16

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

@@ -1,3 +1,55 @@
+import * as i0 from '@angular/core';
+import { computed, signal, input, booleanAttribute, output, forwardRef, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { FormControl, ReactiveFormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
+import { takeUntilDestroyed, toSignal, outputFromObservable } from '@angular/core/rxjs-interop';
+import { map, share } from 'rxjs';
+import { MatCalendar } from '@angular/material/datepicker';
+import { dayjs } from '@energinet/watt/core/date';
+import { WattFieldComponent } from '@energinet/watt/field';
+import { WattButtonComponent } from '@energinet/watt/button';
+
+//#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
+/** Represents a year and month.  */
+class YearMonth {
+    date;
+    static VIEW_FORMAT = 'MMMM YYYY';
+    static MODEL_FORMAT = 'YYYY-MM';
+    constructor(date) {
+        this.date = date;
+    }
+    /** Creates a `YearMonth` instance from a `Date` object. */
+    static fromDate = (value) => new YearMonth(dayjs(value));
+    /** Creates a `YearMonth` instance from a `string` in the view format. */
+    static fromView = (value) => new YearMonth(value ? dayjs(value, YearMonth.VIEW_FORMAT, true) : null);
+    /** Creates a `YearMonth` instance from a `string` in the model format. */
+    static fromModel = (value) => new YearMonth(value ? dayjs(value, YearMonth.MODEL_FORMAT, true) : null);
+    /** Converts the `YearMonth` instance to a `Date` object. */
+    toDate = () => this.date?.toDate() ?? null;
+    /** Converts the `YearMonth` instance to a `string` in the view format. */
+    toView = () => this.date?.format(YearMonth.VIEW_FORMAT) ?? '';
+    /** Converts the `YearMonth` instance to a `string` in the model format. */
+    toModel = () => this.date?.format(YearMonth.MODEL_FORMAT) ?? null;
+}
+const YEARMONTH_FORMAT = YearMonth.MODEL_FORMAT;
+
 //#region License
 /**
  * @license
@@ -16,19 +68,8 @@
  * limitations under the License.
  */
 //#endregion
-import { booleanAttribute, ChangeDetectionStrategy, Component, computed, forwardRef, input, output, signal, ViewEncapsulation, } from '@angular/core';
-import { FormControl, NG_VALUE_ACCESSOR, ReactiveFormsModule, } from '@angular/forms';
-import { outputFromObservable, takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';
-import { map, share } from 'rxjs';
-import { MatCalendar } from '@angular/material/datepicker';
-import { dayjs } from '@energinet/watt/core/date';
-import { WattFieldComponent } from '@energinet/watt/field';
-import { WattButtonComponent } from '@energinet/watt/button';
-import { YearMonth } from './year-month';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/forms";
 /* eslint-disable @angular-eslint/component-class-suffix */
-export class WattYearMonthField {
+class WattYearMonthField {
     // Popovers exists on an entirely different layer, meaning that for anchor positioning they
     // look at the entire tree for the anchor name. This gives each field a unique anchor name.
     static instance = 0;
@@ -259,4 +300,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
     }
   `, styles: ["watt-yearmonth-field{display:block;width:100%}watt-yearmonth-field input{text-transform:capitalize}watt-yearmonth-field:has(.watt-yearmonth-field__step-through){display:flex;flex-align:flex-start}watt-yearmonth-field:has(.watt-yearmonth-field__step-through) .watt-yearmonth-field__step-through{display:flex}watt-yearmonth-field:has(.watt-yearmonth-field__has-label) .watt-yearmonth-field__step-through{margin-top:28px}.watt-yearmonth-field-picker{position:fixed;position-area:bottom span-right;position-try-fallbacks:flip-block;width:296px;height:354px;inset:unset;margin:unset;border:0}\n"] }]
         }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], startView: [{ type: i0.Input, args: [{ isSignal: true, alias: "startView", required: false }] }], canStepThroughMonths: [{ type: i0.Input, args: [{ isSignal: true, alias: "canStepThroughMonths", required: false }] }], monthChange: [{ type: i0.Output, args: ["monthChange"] }], blur: [{ type: i0.Output, args: ["blur"] }] } });
-//# sourceMappingURL=watt-yearmonth-field.component.js.map
+
+//#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 { WattYearMonthField, YEARMONTH_FORMAT };
+//# sourceMappingURL=energinet-watt-yearmonth-field.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"energinet-watt-yearmonth-field.mjs","sources":["../../../libs/watt/package/yearmonth-field/year-month.ts","../../../libs/watt/package/yearmonth-field/watt-yearmonth-field.component.ts","../../../libs/watt/package/yearmonth-field/index.ts","../../../libs/watt/package/yearmonth-field/energinet-watt-yearmonth-field.ts"],"sourcesContent":["//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport { dayjs } from '@energinet/watt/core/date';\n\n/** Represents a year and month.  */\nexport class YearMonth {\n  static readonly VIEW_FORMAT = 'MMMM YYYY';\n  static readonly MODEL_FORMAT = 'YYYY-MM';\n\n  private constructor(private date: dayjs.Dayjs | null) {}\n\n  /** Creates a `YearMonth` instance from a `Date` object. */\n  static fromDate = (value: Date) => new YearMonth(dayjs(value));\n\n  /** Creates a `YearMonth` instance from a `string` in the view format. */\n  static fromView = (value: string) =>\n    new YearMonth(value ? dayjs(value, YearMonth.VIEW_FORMAT, true) : null);\n\n  /** Creates a `YearMonth` instance from a `string` in the model format. */\n  static fromModel = (value: string | null | undefined) =>\n    new YearMonth(value ? dayjs(value, YearMonth.MODEL_FORMAT, true) : null);\n\n  /** Converts the `YearMonth` instance to a `Date` object. */\n  toDate = () => this.date?.toDate() ?? null;\n\n  /** Converts the `YearMonth` instance to a `string` in the view format. */\n  toView = () => this.date?.format(YearMonth.VIEW_FORMAT) ?? '';\n\n  /** Converts the `YearMonth` instance to a `string` in the model format. */\n  toModel = () => this.date?.format(YearMonth.MODEL_FORMAT) ?? null;\n}\n\nexport const YEARMONTH_FORMAT = YearMonth.MODEL_FORMAT;\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  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  forwardRef,\n  input,\n  output,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\nimport {\n  ControlValueAccessor,\n  FormControl,\n  NG_VALUE_ACCESSOR,\n  ReactiveFormsModule,\n} from '@angular/forms';\nimport { outputFromObservable, takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';\nimport { map, share } from 'rxjs';\nimport { MatCalendar, MatCalendarView } from '@angular/material/datepicker';\n\nimport { dayjs } from '@energinet/watt/core/date';\nimport { WattFieldComponent } from '@energinet/watt/field';\nimport { WattButtonComponent } from '@energinet/watt/button';\n\nimport { YearMonth } from './year-month';\n\n/* eslint-disable @angular-eslint/component-class-suffix */\n@Component({\n  selector: 'watt-yearmonth-field',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => WattYearMonthField),\n      multi: true,\n    },\n  ],\n  imports: [ReactiveFormsModule, MatCalendar, WattButtonComponent, WattFieldComponent],\n  styles: [\n    `\n      watt-yearmonth-field {\n        display: block;\n        width: 100%;\n\n        & input {\n          text-transform: capitalize;\n        }\n\n        &:has(.watt-yearmonth-field__step-through) {\n          display: flex;\n          flex-align: flex-start;\n\n          .watt-yearmonth-field__step-through {\n            display: flex;\n          }\n        }\n\n        &:has(.watt-yearmonth-field__has-label) {\n          .watt-yearmonth-field__step-through {\n            margin-top: 28px;\n          }\n        }\n      }\n\n      .watt-yearmonth-field-picker {\n        position: fixed;\n        position-area: bottom span-right;\n        position-try-fallbacks: flip-block;\n        width: 296px;\n        height: 354px;\n        inset: unset;\n        margin: unset;\n        border: 0;\n      }\n    `,\n  ],\n  template: `\n    <watt-field [label]=\"label()\" [control]=\"control\" [anchorName]=\"anchorName\">\n      <input\n        #field\n        readonly\n        [formControl]=\"control\"\n        (focus)=\"handleFocus(picker)\"\n        (blur)=\"handleBlur(picker, $event)\"\n      />\n      <watt-button icon=\"date\" variant=\"icon\" (click)=\"field.focus()\" />\n      <div\n        #picker\n        class=\"watt-elevation watt-yearmonth-field-picker\"\n        popover=\"manual\"\n        tabindex=\"0\"\n        [style.position-anchor]=\"anchorName\"\n      >\n        @if (isOpen()) {\n          <mat-calendar\n            [startView]=\"startView()\"\n            [startAt]=\"selected()\"\n            [selected]=\"selected()\"\n            [minDate]=\"min()\"\n            [maxDate]=\"max()\"\n            (monthSelected)=\"handleSelectedChange(field, $event)\"\n          />\n        }\n      </div>\n      <ng-content />\n      <ng-content select=\"watt-field-error\" ngProjectAs=\"watt-field-error\" />\n      <ng-content select=\"watt-field-warning\" ngProjectAs=\"watt-field-warning\" />\n      <ng-content select=\"watt-field-hint\" ngProjectAs=\"watt-field-hint\" />\n    </watt-field>\n\n    @if (canStepThroughMonths()) {\n      <span\n        class=\"watt-yearmonth-field__step-through\"\n        [class.watt-yearmonth-field__has-label]=\"!!label()\"\n      >\n        <watt-button\n          variant=\"icon\"\n          icon=\"left\"\n          (click)=\"prevMonth(field)\"\n          [disabled]=\"control.disabled || isPrevMonthButtonDisabled()\"\n        />\n        <watt-button\n          variant=\"icon\"\n          icon=\"right\"\n          (click)=\"nextMonth(field)\"\n          [disabled]=\"control.disabled || isNextMonthButtonDisabled()\"\n        />\n      </span>\n    }\n  `,\n})\nexport class WattYearMonthField implements ControlValueAccessor {\n  // Popovers exists on an entirely different layer, meaning that for anchor positioning they\n  // look at the entire tree for the anchor name. This gives each field a unique anchor name.\n  private static instance = 0;\n  private instance = WattYearMonthField.instance++;\n  protected anchorName = `--watt-yearmonth-field-popover-anchor-${this.instance}`;\n\n  // The format of the inner FormControl is different from that of the outer FormControl\n  protected control = new FormControl('', { nonNullable: true });\n\n  // `registerOnChange` may subscribe to this component after it has been destroyed, thus\n  // triggering an NG0911 from the `takeUntilDestroyed` operator. By sharing the observable,\n  // the observable will already be closed and `subscribe` becomes a proper noop.\n  private yearMonthChanges = this.control.valueChanges.pipe(map(YearMonth.fromView));\n  private valueChanges = this.yearMonthChanges.pipe(\n    map((yearMonth) => yearMonth.toModel()),\n    takeUntilDestroyed(),\n    share()\n  );\n\n  private yearMonth = toSignal(this.yearMonthChanges);\n  protected selected = computed(() => this.yearMonth()?.toDate());\n\n  // This is used to reset the MatCalendar component by destroying and then recreating it\n  // whenever the picker is opened. There is no methods to do it programatically.\n  protected isOpen = signal(false);\n\n  /** Set the label text for `watt-field`. */\n  label = input('');\n\n  /** The minimum selectable date. */\n  min = input<Date>();\n\n  /** The maximum selectable date. */\n  max = input<Date>();\n\n  /** Whether the calendar should be started in month or year view. */\n  startView = input<Extract<MatCalendarView, 'multi-year' | 'year'>>('multi-year');\n\n  /** Enable buttons to step through months. */\n  canStepThroughMonths = input(false, { transform: booleanAttribute });\n\n  /** Emits when the selected month has changed. */\n  monthChange = outputFromObservable(this.valueChanges);\n\n  /** Emits when the field loses focus. */\n  // eslint-disable-next-line @angular-eslint/no-output-native\n  blur = output<FocusEvent>();\n\n  isPrevMonthButtonDisabled = computed(() => this.isPrevMonthBeforeOrEqualToMinDate());\n  isNextMonthButtonDisabled = computed(() => this.isNextMonthAfterOrEqualToMaxDate());\n\n  protected handleFocus = (picker: HTMLElement) => {\n    this.isOpen.set(true);\n    picker.showPopover();\n  };\n\n  protected handleBlur = (picker: HTMLElement, event: FocusEvent) => {\n    if (event.relatedTarget instanceof HTMLElement && picker.contains(event.relatedTarget)) {\n      const target = event.target as HTMLInputElement; // safe type assertion\n      setTimeout(() => target.focus()); // keep focus on input element while using the picker\n    } else {\n      picker.hidePopover();\n      this.isOpen.set(false);\n      this.blur.emit(event);\n    }\n  };\n\n  protected handleSelectedChange = (field: HTMLInputElement, date: Date) => {\n    field.value = YearMonth.fromDate(date).toView();\n    field.dispatchEvent(new Event('input', { bubbles: true }));\n    setTimeout(() => field.blur());\n  };\n\n  // Implementation for ControlValueAccessor\n  writeValue = (value: string | null) => this.control.setValue(YearMonth.fromModel(value).toView());\n  setDisabledState = (x: boolean) => (x ? this.control.disable() : this.control.enable());\n  registerOnTouched = (fn: () => void) => this.blur.subscribe(fn);\n  registerOnChange = (fn: (value: string | null) => void) => this.valueChanges.subscribe(fn);\n\n  /**\n   * @ignore\n   */\n  protected prevMonth(field: HTMLInputElement): void {\n    this.changeMonth(field, -1);\n  }\n  /**\n   * @ignore\n   */\n  protected nextMonth(field: HTMLInputElement): void {\n    this.changeMonth(field, 1);\n  }\n\n  /**\n   * @ignore\n   */\n  private changeMonth(field: HTMLInputElement, value: number): void {\n    const currentDate = YearMonth.fromView(field.value).toDate();\n\n    if (!currentDate) return;\n\n    const newDate = dayjs(currentDate).add(value, 'month');\n    this.handleSelectedChange(field, newDate.toDate());\n  }\n\n  /**\n   * @ignore\n   */\n  isPrevMonthBeforeOrEqualToMinDate(): boolean {\n    const min = this.min();\n\n    if (!min) return false;\n\n    const selectedDate = dayjs(this.selected());\n\n    const isBefore = selectedDate.isBefore(min, 'month');\n    const isSame = selectedDate.isSame(min, 'month');\n\n    return isSame || isBefore;\n  }\n\n  /**\n   * @ignore\n   */\n  isNextMonthAfterOrEqualToMaxDate(): boolean {\n    const max = this.max();\n\n    if (!max) return false;\n\n    const selectedDate = dayjs(this.selected());\n\n    const isAfter = selectedDate.isAfter(max, 'month');\n    const isSame = selectedDate.isSame(max, 'month');\n\n    return isSame || isAfter;\n  }\n}\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nexport { WattYearMonthField } from './watt-yearmonth-field.component';\nexport { YEARMONTH_FORMAT } from './year-month';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -21,5 +21,11 @@
 // satisfy the "ng_package" rule which also requires a primary entry-point.
 // Workaround for: https://github.com/microsoft/rushstack/issues/2806.
 // This is a private export that can be removed at any time.
-export const ɵɵtsModuleIndicatorApiExtractorWorkaround = true;
-//# sourceMappingURL=index.js.map
+const ɵɵtsModuleIndicatorApiExtractorWorkaround = true;
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ɵɵtsModuleIndicatorApiExtractorWorkaround };
+//# sourceMappingURL=energinet-watt.mjs.map

package/fesm2022/energinet-watt.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"energinet-watt.mjs","sources":["../../../libs/watt/package/index.ts","../../../libs/watt/package/energinet-watt.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\n\n// primary entry-point which is empty. All components should\n// be imported through their individual entry-points. This file is needed to\n// satisfy the \"ng_package\" rule which also requires a primary entry-point.\n\n// Workaround for: https://github.com/microsoft/rushstack/issues/2806.\n// This is a private export that can be removed at any time.\nexport const ɵɵtsModuleIndicatorApiExtractorWorkaround = true;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"AAAA;AACA;;;;;;;;;;;;;;;AAeG;AACH;AAEA;AACA;AACA;AAEA;AACA;AACO,MAAM,yCAAyC,GAAG;;ACzBzD;;AAEG;;;;"}

package/field/index.d.ts

@@ -1,21 +1,62 @@
-/**
- * @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.
- */
-export { WattFieldComponent } from './watt-field.component';
-export { WattFieldErrorComponent } from './watt-field-error.component';
-export { WattFieldHintComponent } from './watt-field-hint.component';
-export { WattFieldWarningComponent } from './watt-field-warning.component';
-export { WattFieldIntlService } from './watt-field-intl.service';
+import * as _angular_core from '@angular/core';
+import { ElementRef } from '@angular/core';
+import { FormControl, ValidationErrors } from '@angular/forms';
+import { Subject } from 'rxjs';
+
+declare class WattFieldIntlService {
+    readonly changes: Subject<void>;
+    required: string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WattFieldIntlService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<WattFieldIntlService>;
+}
+
+declare class WattFieldComponent {
+    intl: WattFieldIntlService;
+    elementRef: ElementRef<any>;
+    control: _angular_core.InputSignal<FormControl<any> | null>;
+    label: _angular_core.InputSignal<string | undefined>;
+    id: _angular_core.InputSignal<string | undefined>;
+    /** @deprecated Use `displayMode` instead. */
+    chipMode: _angular_core.InputSignal<boolean>;
+    tooltip: _angular_core.InputSignal<string | undefined>;
+    placeholder: _angular_core.InputSignal<string>;
+    anchorName: _angular_core.InputSignal<string | undefined>;
+    displayMode: _angular_core.InputSignal<"box" | "chip" | "content">;
+    className: _angular_core.Signal<string>;
+    /**
+     * Whether the input should receive focus when the component is rendered.
+     */
+    autoFocus: _angular_core.InputSignal<boolean>;
+    /** @ignore */
+    labelElement: _angular_core.Signal<ElementRef<HTMLLabelElement> | undefined>;
+    wattLabelElement: _angular_core.Signal<ElementRef<HTMLSpanElement> | undefined>;
+    value: _angular_core.WritableSignal<string>;
+    filler: _angular_core.Signal<string>;
+    ghost: _angular_core.Signal<string>;
+    errors: _angular_core.WritableSignal<ValidationErrors | null>;
+    isRequired: _angular_core.WritableSignal<boolean>;
+    isEmpty: _angular_core.Signal<any>;
+    showErrors: _angular_core.InputSignal<boolean>;
+    wrapper: _angular_core.Signal<ElementRef<any> | undefined>;
+    constructor();
+    isRequiredControl(control: FormControl): boolean;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WattFieldComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WattFieldComponent, "watt-field", never, { "control": { "alias": "control"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "chipMode": { "alias": "chipMode"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "anchorName": { "alias": "anchorName"; "required": false; "isSignal": true; }; "displayMode": { "alias": "displayMode"; "required": false; "isSignal": true; }; "autoFocus": { "alias": "autoFocus"; "required": false; "isSignal": true; }; "showErrors": { "alias": "showErrors"; "required": false; "isSignal": true; }; }, {}, never, ["*", "watt-field-descriptor", "[popover]", "watt-field-hint", "watt-field-error", "watt-field-warning"], true, never>;
+}
+
+declare class WattFieldErrorComponent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WattFieldErrorComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WattFieldErrorComponent, "watt-field-error", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class WattFieldHintComponent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WattFieldHintComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WattFieldHintComponent, "watt-field-hint", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class WattFieldWarningComponent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WattFieldWarningComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WattFieldWarningComponent, "watt-field-warning", never, {}, {}, never, ["*"], true, never>;
+}
+
+export { WattFieldComponent, WattFieldErrorComponent, WattFieldHintComponent, WattFieldIntlService, WattFieldWarningComponent };

package/file-field/index.d.ts

@@ -1,17 +1,13 @@
-/**
- * @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.
- */
-export { WattFileField } from './watt-file-field.component';
+import * as _angular_core from '@angular/core';
+
+declare class WattFileField {
+    readonly file: _angular_core.ModelSignal<File | undefined>;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly clear: _angular_core.OutputEmitterRef<void>;
+    protected clearSubscription: _angular_core.OutputRefSubscription;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WattFileField, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WattFileField, "watt-file-field", never, { "file": { "alias": "file"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, { "file": "fileChange"; "clear": "clear"; }, never, ["*"], true, never>;
+}
+
+export { WattFileField };

package/icon/flags/index.d.ts

@@ -1,26 +1,61 @@
-/**
- * @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.
- */
-export { WattFlagComponent } from './watt-flag';
-export { WattFlagDenmarkComponent } from './watt-flag-dk';
-export { WattFlagFinlandComponent } from './watt-flag-fi';
-export { WattFlagGermanyComponent } from './watt-flag-de';
-export { WattFlagNorwayComponent } from './watt-flag-no';
-export { WattFlagPolandComponent } from './watt-flag-pl';
-export { WattFlagSwedenComponent } from './watt-flag-se';
-export { WattFlagUnitedKingdomComponent } from './watt-flag-gb';
-export { WattFlagNetherlandsComponent } from './watt-flag-nl';
-export { WattFlagSwitzerlandComponent } from './watt-flag-ch';
+import * as i0 from '@angular/core';
+import { CountryCode } from 'libphonenumber-js';
+import { WattIconSize } from '@energinet/watt/icon';
+
+declare class WattFlagComponent {
+    /** Country code of the flag. */
+    country: i0.InputSignal<CountryCode>;
+    /** Accessible label for the icon. */
+    label: i0.InputSignal<string | undefined>;
+    /** Size of the icon. */
+    size: i0.InputSignal<WattIconSize>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WattFlagComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WattFlagComponent, "watt-flag", never, { "country": { "alias": "country"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class WattFlagDenmarkComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<WattFlagDenmarkComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WattFlagDenmarkComponent, "watt-flag-dk", never, {}, {}, never, never, true, never>;
+}
+
+declare class WattFlagFinlandComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<WattFlagFinlandComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WattFlagFinlandComponent, "watt-flag-fi", never, {}, {}, never, never, true, never>;
+}
+
+declare class WattFlagGermanyComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<WattFlagGermanyComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WattFlagGermanyComponent, "watt-flag-de", never, {}, {}, never, never, true, never>;
+}
+
+declare class WattFlagNorwayComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<WattFlagNorwayComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WattFlagNorwayComponent, "watt-flag-no", never, {}, {}, never, never, true, never>;
+}
+
+declare class WattFlagPolandComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<WattFlagPolandComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WattFlagPolandComponent, "watt-flag-pl", never, {}, {}, never, never, true, never>;
+}
+
+declare class WattFlagSwedenComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<WattFlagSwedenComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WattFlagSwedenComponent, "watt-flag-se", never, {}, {}, never, never, true, never>;
+}
+
+declare class WattFlagUnitedKingdomComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<WattFlagUnitedKingdomComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WattFlagUnitedKingdomComponent, "watt-flag-gb", never, {}, {}, never, never, true, never>;
+}
+
+declare class WattFlagNetherlandsComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<WattFlagNetherlandsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WattFlagNetherlandsComponent, "watt-flag-nl", never, {}, {}, never, never, true, never>;
+}
+
+declare class WattFlagSwitzerlandComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<WattFlagSwitzerlandComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WattFlagSwitzerlandComponent, "watt-flag-ch", never, {}, {}, never, never, true, never>;
+}
+
+export { WattFlagComponent, WattFlagDenmarkComponent, WattFlagFinlandComponent, WattFlagGermanyComponent, WattFlagNetherlandsComponent, WattFlagNorwayComponent, WattFlagPolandComponent, WattFlagSwedenComponent, WattFlagSwitzerlandComponent, WattFlagUnitedKingdomComponent };

package/icon/index.d.ts

@@ -1,3 +1,5 @@
+import * as _angular_core from '@angular/core';
+
 /**
  * @license
  * Copyright 2020 Energinet DataHub A/S
@@ -14,4 +16,106 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-export { WattIconComponent, WattIcon, WattIconSize, WattIconState } from './icon.component';
+declare const WattIconMap: {
+    search: string;
+    filter: string;
+    plus: string;
+    minus: string;
+    edit: string;
+    redo: string;
+    undo: string;
+    remove: string;
+    removeForever: string;
+    close: string;
+    cancel: string;
+    checkmark: string;
+    user: string;
+    settings: string;
+    contentCopy: string;
+    date: string;
+    time: string;
+    email: string;
+    markEmailUnread: string;
+    link: string;
+    openInNew: string;
+    monetization: string;
+    payments: string;
+    forwardMessage: string;
+    forward: string;
+    menu: string;
+    moreVertical: string;
+    logout: string;
+    login: string;
+    help: string;
+    alternateEmail: string;
+    refresh: string;
+    language: string;
+    pendingActions: string;
+    toggleOn: string;
+    toggleOff: string;
+    personCheck: string;
+    send: string;
+    left: string;
+    right: string;
+    up: string;
+    down: string;
+    arrowDropDown: string;
+    arrowRightAlt: string;
+    arrowLeftAlt: string;
+    danger: string;
+    warning: string;
+    success: string;
+    info: string;
+    feedback: string;
+    save: string;
+    upload: string;
+    download: string;
+    fileDownload: string;
+    fileUpload: string;
+    print: string;
+    preview: string;
+    attachFile: string;
+    power: string;
+    location: string;
+    smartDisplay: string;
+    windmill: string;
+    solarPower: string;
+    priorityHigh: string;
+    notifications: string;
+    notificationsUnread: string;
+    horizontalRule: string;
+    wrongLocation: string;
+    heatPump: string;
+    inventory: string;
+    globe: string;
+    calculate: string;
+    bar_chart_4_bars: string;
+    view_list: string;
+    view_stream: string;
+    construction: string;
+    factory: string;
+    nest_eco_leaf: string;
+    flash_on: string;
+};
+
+type WattIcon = keyof typeof WattIconMap;
+type WattIconSize = 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
+type WattIconState = 'default' | 'success' | 'danger' | 'warning' | 'info';
+declare class WattIconComponent {
+    /** Name of an icon within the font set. */
+    name: _angular_core.InputSignal<"search" | "remove" | "edit" | "redo" | "undo" | "close" | "cancel" | "settings" | "email" | "link" | "payments" | "forward" | "menu" | "logout" | "help" | "refresh" | "language" | "send" | "info" | "feedback" | "download" | "upload" | "print" | "preview" | "power" | "notifications" | "inventory" | "globe" | "calculate" | "bar_chart_4_bars" | "view_list" | "view_stream" | "construction" | "factory" | "nest_eco_leaf" | "flash_on" | "success" | "danger" | "warning" | "filter" | "plus" | "minus" | "removeForever" | "checkmark" | "user" | "contentCopy" | "date" | "time" | "markEmailUnread" | "openInNew" | "monetization" | "forwardMessage" | "moreVertical" | "login" | "alternateEmail" | "pendingActions" | "toggleOn" | "toggleOff" | "personCheck" | "left" | "right" | "up" | "down" | "arrowDropDown" | "arrowRightAlt" | "arrowLeftAlt" | "save" | "fileDownload" | "fileUpload" | "attachFile" | "location" | "smartDisplay" | "windmill" | "solarPower" | "priorityHigh" | "notificationsUnread" | "horizontalRule" | "wrongLocation" | "heatPump" | undefined>;
+    /** Accessible label for the icon. */
+    label: _angular_core.InputSignal<string | undefined>;
+    /** Size of the icon. */
+    size: _angular_core.InputSignal<WattIconSize>;
+    /** Color the icon to match a chosen state. */
+    state: _angular_core.InputSignal<WattIconState | undefined>;
+    icon: _angular_core.Signal<string | null>;
+    computedState: _angular_core.Signal<WattIconState>;
+    classNames: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WattIconComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WattIconComponent, "watt-icon", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { WattIconComponent };
+export type { WattIcon, WattIconSize, WattIconState };

package/index.d.ts

@@ -14,4 +14,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-export declare const ɵɵtsModuleIndicatorApiExtractorWorkaround = true;
+declare const ɵɵtsModuleIndicatorApiExtractorWorkaround = true;
+
+export { ɵɵtsModuleIndicatorApiExtractorWorkaround };

package/menu/index.d.ts

@@ -1,3 +1,102 @@
+import * as i0 from '@angular/core';
+import * as i1 from '@angular/material/menu';
+import { MatMenu } from '@angular/material/menu';
+
+/**
+ * Watt Menu Component
+ *
+ * A wrapper around Angular Material's menu component that provides consistent styling
+ * and integration with the Watt design system.
+ *
+ * @example Basic usage
+ * ```html
+ * <watt-button [wattMenuTriggerFor]="menu">
+ *   Open Menu
+ * </watt-button>
+ *
+ * <watt-menu #menu>
+ *   <watt-menu-item>Option 1</watt-menu-item>
+ *   <watt-menu-item>Option 2</watt-menu-item>
+ * </watt-menu>
+ * ```
+ *
+ * @example With groups
+ * ```html
+ * <watt-menu #menu>
+ *   <watt-menu-group label="File">
+ *     <watt-menu-item>New</watt-menu-item>
+ *     <watt-menu-item>Open</watt-menu-item>
+ *   </watt-menu-group>
+ *
+ *   <watt-menu-group label="Edit">
+ *     <watt-menu-item>Cut</watt-menu-item>
+ *     <watt-menu-item>Copy</watt-menu-item>
+ *   </watt-menu-group>
+ * </watt-menu>
+ * ```
+ */
+declare class WattMenuComponent {
+    /**
+     * Reference to the underlying MatMenu instance.
+     * @ignore
+     */
+    menu: i0.Signal<MatMenu>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WattMenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WattMenuComponent, "watt-menu", ["wattMenu"], {}, {}, never, ["*"], true, never>;
+}
+
+declare class WattMenuItemComponent {
+    /**
+     * Whether the menu item is disabled.
+     */
+    disabled: i0.InputSignal<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WattMenuItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WattMenuItemComponent, "watt-menu-item", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["watt-icon", "*"], true, never>;
+}
+
+declare class WattMenuGroupComponent {
+    /**
+     * The label for the menu group.
+     */
+    label: i0.InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WattMenuGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WattMenuGroupComponent, "watt-menu-group", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * Watt Menu Trigger Directive
+ *
+ * A wrapper around Angular Material's MatMenuTrigger directive that maintains
+ * the same API while keeping the Watt design system abstraction.
+ *
+ * @example
+ * ```html
+ * <watt-button [wattMenuTriggerFor]="menu">
+ *   Open Menu
+ * </watt-button>
+ *
+ * <watt-menu #menu>
+ *   <watt-menu-item>Option 1</watt-menu-item>
+ *   <watt-menu-item>Option 2</watt-menu-item>
+ * </watt-menu>
+ * ```
+ */
+declare class WattMenuTriggerDirective {
+    private readonly matMenuTrigger;
+    wattMenuTriggerFor: i0.InputSignal<WattMenuComponent>;
+    constructor();
+    /** Opens the menu */
+    openMenu(): void;
+    /** Closes the menu */
+    closeMenu(): void;
+    /** Toggles the menu between the open and closed states */
+    toggleMenu(): void;
+    /** Whether the menu is open */
+    get menuOpen(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WattMenuTriggerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<WattMenuTriggerDirective, "[wattMenuTriggerFor]", ["wattMenuTrigger"], { "wattMenuTriggerFor": { "alias": "wattMenuTriggerFor"; "required": true; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.MatMenuTrigger; inputs: {}; outputs: { "menuOpened": "menuOpened"; "menuClosed": "menuClosed"; }; }]>;
+}
+
 /**
  * @license
  * Copyright 2020 Energinet DataHub A/S
@@ -14,12 +113,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-export { WattMenuComponent } from './watt-menu.component';
-export { WattMenuItemComponent } from './watt-menu-item.component';
-export { WattMenuGroupComponent } from './watt-menu-group.component';
-export { WattMenuTriggerDirective } from './watt-menu-trigger.directive';
-import { WattMenuComponent } from './watt-menu.component';
-import { WattMenuItemComponent } from './watt-menu-item.component';
-import { WattMenuGroupComponent } from './watt-menu-group.component';
-import { WattMenuTriggerDirective } from './watt-menu-trigger.directive';
-export declare const WATT_MENU: readonly [typeof WattMenuComponent, typeof WattMenuItemComponent, typeof WattMenuGroupComponent, typeof WattMenuTriggerDirective];
+
+declare const WATT_MENU: readonly [typeof WattMenuComponent, typeof WattMenuItemComponent, typeof WattMenuGroupComponent, typeof WattMenuTriggerDirective];
+
+export { WATT_MENU, WattMenuComponent, WattMenuGroupComponent, WattMenuItemComponent, WattMenuTriggerDirective };