@energinet/watt 4.2.15-alpha.0 → 4.2.15

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

@@ -1,14 +1,3 @@
-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 { share } from 'rxjs';
-import { MatCalendar } from '@angular/material/datepicker';
-import { takeUntilDestroyed, toSignal, outputFromObservable } from '@angular/core/rxjs-interop';
-import { dayjs } from '@energinet/watt/core/date';
-import { WattFieldComponent } from '@energinet/watt/field';
-import { WattButtonComponent } from '@energinet/watt/button';
-
 //#region License
 /**
  * @license
@@ -27,9 +16,19 @@ import { WattButtonComponent } from '@energinet/watt/button';
  * limitations under the License.
  */
 //#endregion
-const YEAR_FORMAT = 'YYYY';
+import { input, output, signal, computed, Component, forwardRef, ViewEncapsulation, ChangeDetectionStrategy, booleanAttribute, } from '@angular/core';
+import { FormControl, NG_VALUE_ACCESSOR, ReactiveFormsModule, } from '@angular/forms';
+import { share } from 'rxjs';
+import { MatCalendar } from '@angular/material/datepicker';
+import { outputFromObservable, takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';
+import { dayjs } from '@energinet/watt/core/date';
+import { WattFieldComponent } from '@energinet/watt/field';
+import { WattButtonComponent } from '@energinet/watt/button';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+export const YEAR_FORMAT = 'YYYY';
 /* eslint-disable @angular-eslint/component-class-suffix */
-class WattYearField {
+export class WattYearField {
     // 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;
@@ -256,29 +255,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
     }
   `, styles: ["watt-year-field{display:block;width:100%}watt-year-field:has(.watt-year-field__step-through){display:flex;flex-align:flex-start}watt-year-field:has(.watt-year-field__step-through) .watt-year-field__step-through{display:flex}watt-year-field:has(.watt-year-field__has-label) .watt-year-field__step-through{margin-top:28px}.watt-year-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 }] }], canStepThroughYears: [{ type: i0.Input, args: [{ isSignal: true, alias: "canStepThroughYears", required: false }] }], yearChange: [{ type: i0.Output, args: ["yearChange"] }], blur: [{ type: i0.Output, args: ["blur"] }] } });
-
-//#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 { WattYearField, YEAR_FORMAT };
-//# sourceMappingURL=energinet-watt-year-field.mjs.map
+//# sourceMappingURL=watt-year-field.component.js.map

package/esm2022/year-field/watt-year-field.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"watt-year-field.component.js","sourceRoot":"","sources":["../../../../libs/watt/package/year-field/watt-year-field.component.ts"],"names":[],"mappings":"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","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  output,\n  signal,\n  computed,\n  Component,\n  forwardRef,\n  ViewEncapsulation,\n  ChangeDetectionStrategy,\n  booleanAttribute,\n} from '@angular/core';\n\nimport {\n  FormControl,\n  NG_VALUE_ACCESSOR,\n  ReactiveFormsModule,\n  ControlValueAccessor,\n} from '@angular/forms';\n\nimport { share } from 'rxjs';\nimport { MatCalendar } from '@angular/material/datepicker';\nimport { outputFromObservable, takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';\n\nimport { dayjs } from '@energinet/watt/core/date';\nimport { WattFieldComponent } from '@energinet/watt/field';\nimport { WattButtonComponent } from '@energinet/watt/button';\n\nexport const YEAR_FORMAT = 'YYYY';\n\n/* eslint-disable @angular-eslint/component-class-suffix */\n@Component({\n  selector: 'watt-year-field',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => WattYearField),\n      multi: true,\n    },\n  ],\n  imports: [ReactiveFormsModule, MatCalendar, WattButtonComponent, WattFieldComponent],\n  styles: [\n    `\n      watt-year-field {\n        display: block;\n        width: 100%;\n\n        &:has(.watt-year-field__step-through) {\n          display: flex;\n          flex-align: flex-start;\n\n          .watt-year-field__step-through {\n            display: flex;\n          }\n        }\n\n        &:has(.watt-year-field__has-label) {\n          .watt-year-field__step-through {\n            margin-top: 28px;\n          }\n        }\n      }\n\n      .watt-year-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-year-field-picker\"\n        popover=\"manual\"\n        tabindex=\"0\"\n        [style.position-anchor]=\"anchorName\"\n      >\n        @if (isOpen()) {\n          <mat-calendar\n            startView=\"multi-year\"\n            [startAt]=\"selected()\"\n            [selected]=\"selected()\"\n            [minDate]=\"min()\"\n            [maxDate]=\"max()\"\n            (yearSelected)=\"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 (canStepThroughYears()) {\n      <span class=\"watt-year-field__step-through\" [class.watt-year-field__has-label]=\"!!label()\">\n        <watt-button\n          variant=\"icon\"\n          icon=\"left\"\n          (click)=\"prevYear(field)\"\n          [disabled]=\"control.disabled || isPrevYearButtonDisabled()\"\n        />\n        <watt-button\n          variant=\"icon\"\n          icon=\"right\"\n          (click)=\"nextYear(field)\"\n          [disabled]=\"control.disabled || isNextYearButtonDisabled()\"\n        />\n      </span>\n    }\n  `,\n})\nexport class WattYearField 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 = WattYearField.instance++;\n  protected anchorName = `--watt-year-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 valueChanges = this.control.valueChanges.pipe(takeUntilDestroyed(), share());\n  private year = toSignal(this.valueChanges);\n  protected selected = computed(() => {\n    const date = dayjs(this.year(), YEAR_FORMAT, true);\n    if (date.isValid()) return date.toDate();\n    return undefined;\n  });\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  /** Enable buttons to step through years. */\n  canStepThroughYears = input(false, { transform: booleanAttribute });\n\n  /** Emits when the selected year has changed. */\n  yearChange = 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  isPrevYearButtonDisabled = computed(() => this.isPrevYearBeforeOrEqualToMinDate());\n  isNextYearButtonDisabled = computed(() => this.isNextYearAfterOrEqualToMaxDate());\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 = dayjs(date).format(YEAR_FORMAT);\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(value ?? '');\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 prevYear(field: HTMLInputElement): void {\n    this.changeYear(field, -1);\n  }\n  /**\n   * @ignore\n   */\n  protected nextYear(field: HTMLInputElement): void {\n    this.changeYear(field, 1);\n  }\n\n  /**\n   * @ignore\n   */\n  private changeYear(field: HTMLInputElement, value: number): void {\n    const currentDate = dayjs(field.value, YEAR_FORMAT, true);\n\n    if (!currentDate.isValid()) return;\n\n    const newDate = currentDate.add(value, 'year');\n    this.handleSelectedChange(field, newDate.toDate());\n  }\n\n  /**\n   * @ignore\n   */\n  isPrevYearBeforeOrEqualToMinDate(): 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, 'year');\n    const isSame = selectedDate.isSame(min, 'year');\n\n    return isSame || isBefore;\n  }\n\n  /**\n   * @ignore\n   */\n  isNextYearAfterOrEqualToMaxDate(): 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, 'year');\n    const isSame = selectedDate.isSame(max, 'year');\n\n    return isSame || isAfter;\n  }\n}\n"]}

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

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=energinet-watt-yearmonth-field.js.map

package/esm2022/yearmonth-field/energinet-watt-yearmonth-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"energinet-watt-yearmonth-field.js","sourceRoot":"","sources":["../../../../libs/watt/package/yearmonth-field/energinet-watt-yearmonth-field.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,SAAS,CAAC","sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"]}

package/esm2022/yearmonth-field/index.js

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

package/esm2022/yearmonth-field/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../libs/watt/package/yearmonth-field/index.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC","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\nexport { WattYearMonthField } from './watt-yearmonth-field.component';\nexport { YEARMONTH_FORMAT } from './year-month';\n"]}

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

@@ -1,55 +1,3 @@
-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
@@ -68,8 +16,19 @@ const YEARMONTH_FORMAT = YearMonth.MODEL_FORMAT;
  * 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 */
-class WattYearMonthField {
+export 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;
@@ -300,29 +259,4 @@ 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"] }] } });
-
-//#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
+//# sourceMappingURL=watt-yearmonth-field.component.js.map

package/esm2022/yearmonth-field/watt-yearmonth-field.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"watt-yearmonth-field.component.js","sourceRoot":"","sources":["../../../../libs/watt/package/yearmonth-field/watt-yearmonth-field.component.ts"],"names":[],"mappings":"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","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  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"]}

package/esm2022/yearmonth-field/year-month.js

@@ -0,0 +1,42 @@
+//#region License
+/**
+ * @license
+ * Copyright 2020 Energinet DataHub A/S
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License2");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+//#endregion
+import { dayjs } from '@energinet/watt/core/date';
+/** Represents a year and month.  */
+export 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;
+}
+export const YEARMONTH_FORMAT = YearMonth.MODEL_FORMAT;
+//# sourceMappingURL=year-month.js.map

package/esm2022/yearmonth-field/year-month.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"year-month.js","sourceRoot":"","sources":["../../../../libs/watt/package/yearmonth-field/year-month.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAElD,oCAAoC;AACpC,MAAM,OAAO,SAAS;IAIQ;IAH5B,MAAM,CAAU,WAAW,GAAG,WAAW,CAAC;IAC1C,MAAM,CAAU,YAAY,GAAG,SAAS,CAAC;IAEzC,YAA4B,IAAwB;QAAxB,SAAI,GAAJ,IAAI,CAAoB;IAAG,CAAC;IAExD,2DAA2D;IAC3D,MAAM,CAAC,QAAQ,GAAG,CAAC,KAAW,EAAE,EAAE,CAAC,IAAI,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAE/D,yEAAyE;IACzE,MAAM,CAAC,QAAQ,GAAG,CAAC,KAAa,EAAE,EAAE,CAClC,IAAI,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,SAAS,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAE1E,0EAA0E;IAC1E,MAAM,CAAC,SAAS,GAAG,CAAC,KAAgC,EAAE,EAAE,CACtD,IAAI,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,SAAS,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAE3E,4DAA4D;IAC5D,MAAM,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,IAAI,CAAC;IAE3C,0EAA0E;IAC1E,MAAM,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;IAE9D,2EAA2E;IAC3E,OAAO,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,IAAI,CAAC;;AAGpE,MAAM,CAAC,MAAM,gBAAgB,GAAG,SAAS,CAAC,YAAY,CAAC","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"]}

package/expandable-card/energinet-watt-expandable-card.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@energinet/watt/expandable-card" />
+export * from './index';

package/expandable-card/index.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @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.
+ */
+import { WattExpandableCardComponent, WattExpandableCardTitleComponent, WattExpandableCardContentDirective } from './watt-expandable-card.component';
+declare const WATT_EXPANDABLE_CARD_COMPONENTS: readonly [typeof WattExpandableCardComponent, typeof WattExpandableCardTitleComponent, typeof WattExpandableCardContentDirective];
+export { WattExpandableCardComponent, WattExpandableCardTitleComponent, WattExpandableCardContentDirective, WATT_EXPANDABLE_CARD_COMPONENTS, };

package/{types/energinet-watt-expandable-card.d.ts → expandable-card/watt-expandable-card.component.d.ts}

@@ -1,8 +1,7 @@
-import * as i0 from '@angular/core';
 import { TemplateRef } from '@angular/core';
 import { MatAccordionTogglePosition } from '@angular/material/expansion';
-
-declare class WattExpandableCardContentDirective {
+import * as i0 from "@angular/core";
+export declare class WattExpandableCardContentDirective {
     templateRef: TemplateRef<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<WattExpandableCardContentDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<WattExpandableCardContentDirective, "[wattExpandableCardContent]", never, {}, {}, never, never, true, never>;
@@ -11,46 +10,25 @@ declare class WattExpandableCardContentDirective {
  * Usage:
  * `import { WATT_EXPANDABLE_CARD_COMPONENTS } from '@energinet/watt/expandable-card';`
  */
-declare class WattExpandableCardComponent {
+export declare class WattExpandableCardComponent {
     /**
      * @ignore
      */
-    cardContent: i0.Signal<WattExpandableCardContentDirective | undefined>;
+    cardContent: import("@angular/core").Signal<WattExpandableCardContentDirective | undefined>;
     /**
      * @ignore
      */
-    containsNestedCard: i0.Signal<WattExpandableCardComponent | undefined>;
+    containsNestedCard: import("@angular/core").Signal<WattExpandableCardComponent | undefined>;
     /** Whether the card is expanded. */
-    expanded: i0.InputSignal<boolean>;
+    expanded: import("@angular/core").InputSignal<boolean>;
     /** The position of the expansion indicator. */
-    togglePosition: i0.InputSignal<MatAccordionTogglePosition>;
+    togglePosition: import("@angular/core").InputSignal<MatAccordionTogglePosition>;
     /** Whether the card is elevated or has solid border */
-    variant: i0.InputSignal<"solid" | "elevation">;
+    variant: import("@angular/core").InputSignal<"solid" | "elevation">;
     static ɵfac: i0.ɵɵFactoryDeclaration<WattExpandableCardComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<WattExpandableCardComponent, "watt-expandable-card", never, { "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; "togglePosition": { "alias": "togglePosition"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, ["cardContent", "containsNestedCard"], ["watt-badge", "watt-expandable-card-title", "*"], true, never>;
 }
-declare class WattExpandableCardTitleComponent {
+export declare class WattExpandableCardTitleComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<WattExpandableCardTitleComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<WattExpandableCardTitleComponent, "watt-expandable-card-title", never, {}, {}, never, ["*"], true, never>;
 }
-
-/**
- * @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.
- */
-
-declare const WATT_EXPANDABLE_CARD_COMPONENTS: readonly [typeof WattExpandableCardComponent, typeof WattExpandableCardTitleComponent, typeof WattExpandableCardContentDirective];
-
-export { WATT_EXPANDABLE_CARD_COMPONENTS, WattExpandableCardComponent, WattExpandableCardContentDirective, WattExpandableCardTitleComponent };

package/field/energinet-watt-field.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@energinet/watt/field" />
+export * from './index';

package/field/index.d.ts

@@ -0,0 +1,21 @@
+/**
+ * @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';

package/field/watt-field-error.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class WattFieldErrorComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<WattFieldErrorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WattFieldErrorComponent, "watt-field-error", never, {}, {}, never, ["*"], true, never>;
+}

package/field/watt-field-hint.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class WattFieldHintComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<WattFieldHintComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WattFieldHintComponent, "watt-field-hint", never, {}, {}, never, ["*"], true, never>;
+}

package/field/watt-field-intl.service.d.ts

@@ -0,0 +1,8 @@
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class WattFieldIntlService {
+    readonly changes: Subject<void>;
+    required: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WattFieldIntlService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<WattFieldIntlService>;
+}

package/field/watt-field-warning.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class WattFieldWarningComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<WattFieldWarningComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WattFieldWarningComponent, "watt-field-warning", never, {}, {}, never, ["*"], true, never>;
+}

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

@@ -0,0 +1,53 @@
+/**
+ * @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.
+ */
+import { ElementRef } from '@angular/core';
+import { FormControl, ValidationErrors } from '@angular/forms';
+import { WattFieldIntlService } from './watt-field-intl.service';
+import * as i0 from "@angular/core";
+export declare class WattFieldComponent {
+    intl: WattFieldIntlService;
+    elementRef: ElementRef<any>;
+    control: import("@angular/core").InputSignal<FormControl<any> | null>;
+    label: import("@angular/core").InputSignal<string | undefined>;
+    id: import("@angular/core").InputSignal<string | undefined>;
+    /** @deprecated Use `displayMode` instead. */
+    chipMode: import("@angular/core").InputSignal<boolean>;
+    tooltip: import("@angular/core").InputSignal<string | undefined>;
+    placeholder: import("@angular/core").InputSignal<string>;
+    anchorName: import("@angular/core").InputSignal<string | undefined>;
+    displayMode: import("@angular/core").InputSignal<"box" | "chip" | "content">;
+    className: import("@angular/core").Signal<string>;
+    /**
+     * Whether the input should receive focus when the component is rendered.
+     */
+    autoFocus: import("@angular/core").InputSignal<boolean>;
+    /** @ignore */
+    labelElement: import("@angular/core").Signal<ElementRef<HTMLLabelElement> | undefined>;
+    wattLabelElement: import("@angular/core").Signal<ElementRef<HTMLSpanElement> | undefined>;
+    value: import("@angular/core").WritableSignal<string>;
+    filler: import("@angular/core").Signal<string>;
+    ghost: import("@angular/core").Signal<string>;
+    errors: import("@angular/core").WritableSignal<ValidationErrors | null>;
+    isRequired: import("@angular/core").WritableSignal<boolean>;
+    isEmpty: import("@angular/core").Signal<any>;
+    showErrors: import("@angular/core").InputSignal<boolean>;
+    wrapper: import("@angular/core").Signal<ElementRef<any> | undefined>;
+    constructor();
+    isRequiredControl(control: FormControl): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WattFieldComponent, never>;
+    static ɵcmp: i0.ɵɵ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>;
+}

package/file-field/energinet-watt-file-field.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@energinet/watt/file-field" />
+export * from './index';

package/file-field/index.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @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';

package/file-field/watt-file-field.component.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+export declare class WattFileField {
+    readonly file: import("@angular/core").ModelSignal<File | undefined>;
+    readonly label: import("@angular/core").InputSignal<string>;
+    readonly placeholder: import("@angular/core").InputSignal<string>;
+    readonly clear: import("@angular/core").OutputEmitterRef<void>;
+    protected clearSubscription: import("@angular/core").OutputRefSubscription;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WattFileField, never>;
+    static ɵcmp: i0.ɵɵ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>;
+}

package/icon/energinet-watt-icon.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@energinet/watt/icon" />
+export * from './index';

package/icon/flags/energinet-watt-icon-flags.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@energinet/watt/icon/flags" />
+export * from './index';