@energinet/watt 4.2.14 → 4.2.15-alpha.0

package/types/energinet-watt-tabs.d.ts

@@ -0,0 +1,68 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef, AfterViewInit } from '@angular/core';
+import { MatTabGroup } from '@angular/material/tabs';
+
+declare class WattLinkTabComponent {
+    label: _angular_core.InputSignal<string>;
+    link: _angular_core.InputSignal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WattLinkTabComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WattLinkTabComponent, "watt-link-tab", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "link": { "alias": "link"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class WattLinkTabsComponent {
+    tabElements: _angular_core.Signal<readonly WattLinkTabComponent[]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WattLinkTabsComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WattLinkTabsComponent, "watt-link-tabs", never, {}, {}, ["tabElements"], never, true, never>;
+}
+
+declare class WattTabsActionComponent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WattTabsActionComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WattTabsActionComponent, "watt-tabs-action", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class WattTabComponent {
+    templateRef: _angular_core.Signal<TemplateRef<unknown>>;
+    label: _angular_core.InputSignal<string>;
+    changed: _angular_core.OutputEmitterRef<void>;
+    emitChange(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WattTabComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WattTabComponent, "watt-tab", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; }, { "changed": "changed"; }, never, ["*"], true, never>;
+}
+
+declare class WattTabsComponent implements AfterViewInit {
+    private readonly cdr;
+    variant: _angular_core.InputSignal<string | undefined>;
+    get hostClass(): string;
+    tabElements: _angular_core.Signal<readonly WattTabComponent[]>;
+    activeTabIndex: number;
+    tabGroup: _angular_core.Signal<MatTabGroup>;
+    actionsTab: _angular_core.Signal<WattTabsActionComponent | undefined>;
+    ngAfterViewInit(): void;
+    emitSelectedTabChange(selectedIndex: number): void;
+    setSelectedIndex(index: number): void;
+    triggerChange(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WattTabsComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WattTabsComponent, "watt-tabs", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, ["tabElements", "actionsTab"], ["*"], 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_TABS: (typeof WattTabsActionComponent)[];
+declare const WATT_LINK_TABS: (typeof WattLinkTabComponent | typeof WattLinkTabsComponent)[];
+
+export { WATT_LINK_TABS, WATT_TABS, WattLinkTabComponent, WattLinkTabsComponent, WattTabComponent, WattTabsActionComponent, WattTabsComponent };

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

@@ -0,0 +1,67 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef } from '@angular/core';
+import { ControlValueAccessor, FormControl } from '@angular/forms';
+import { MatAutocomplete } from '@angular/material/autocomplete';
+
+type WattInputTypes = 'text' | 'password' | 'email' | 'number' | 'tel' | 'url';
+declare class WattTextFieldComponent implements ControlValueAccessor, AfterViewInit {
+    value: _angular_core.InputSignal<string>;
+    type: _angular_core.InputSignal<WattInputTypes>;
+    placeholder: _angular_core.InputSignal<string>;
+    label: _angular_core.InputSignal<string>;
+    tooltip: _angular_core.InputSignal<string>;
+    prefix: _angular_core.InputSignal<"email" | "filter" | "search" | "plus" | "minus" | "edit" | "redo" | "undo" | "remove" | "removeForever" | "close" | "cancel" | "checkmark" | "user" | "settings" | "contentCopy" | "date" | "time" | "markEmailUnread" | "link" | "openInNew" | "monetization" | "payments" | "forwardMessage" | "forward" | "menu" | "moreVertical" | "logout" | "login" | "help" | "alternateEmail" | "refresh" | "language" | "pendingActions" | "toggleOn" | "toggleOff" | "personCheck" | "left" | "right" | "up" | "down" | "arrowDropDown" | "arrowRightAlt" | "arrowLeftAlt" | "danger" | "warning" | "success" | "info" | "feedback" | "save" | "upload" | "download" | "fileDownload" | "fileUpload" | "print" | "preview" | "power" | "location" | "smartDisplay" | "windmill" | "solarPower" | "priorityHigh" | "notifications" | "notificationsUnread" | "horizontalRule" | "wrongLocation" | "heatPump" | "inventory" | "globe" | "calculate" | "bar_chart_4_bars" | "view_list" | "view_stream" | "construction" | "factory" | "nest_eco_leaf" | "flash_on" | undefined>;
+    size: _angular_core.InputSignal<string | number | null>;
+    maxLength: _angular_core.InputSignal<string | number | null>;
+    formControl: _angular_core.InputSignal<FormControl<any>>;
+    autocompleteOptions: _angular_core.InputSignal<string[]>;
+    autocompleteMatcherFn: _angular_core.InputSignal<((value: string, option: string) => boolean) | undefined>;
+    showErrors: _angular_core.InputSignal<boolean>;
+    /**
+     * Whether the input should receive focus when the component is rendered.
+     */
+    autoFocus: _angular_core.InputSignal<boolean>;
+    /** @ignore */
+    autocompleteRef: _angular_core.Signal<MatAutocomplete>;
+    /**
+     * Emits the value of the input field when it changes.
+     */
+    searchChanged: _angular_core.OutputEmitterRef<string>;
+    /**
+     * Emits the value of the input field when an autocomplete option is selected.
+     */
+    autocompleteOptionSelected: _angular_core.OutputEmitterRef<string>;
+    /**
+     * Emits the value of the input field when an autocomplete option is selected.
+     */
+    autocompleteOptionDeselected: _angular_core.OutputEmitterRef<void>;
+    /** @ignore */
+    private readonly element;
+    /** @ignore */
+    inputField: _angular_core.Signal<ElementRef<HTMLInputElement>>;
+    model: _angular_core.WritableSignal<string>;
+    /** @ignore */
+    isDisabled: _angular_core.WritableSignal<boolean>;
+    /** @ignore */
+    onTouchedCallbacks: (() => void)[];
+    /** @ignore */
+    ngAfterViewInit(): void;
+    /** @ignore */
+    onChanged(event: Event): void;
+    /** @ignore */
+    onChange: (value: string) => void;
+    /** @ignore */
+    onTouched: () => void;
+    /** @ignore */
+    writeValue(value: string): void;
+    /** @ignore */
+    registerOnChange(fn: (value: string) => void): void;
+    /** @ignore */
+    registerOnTouched(fn: () => void): void;
+    /** @ignore */
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WattTextFieldComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WattTextFieldComponent, "watt-text-field", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "formControl": { "alias": "formControl"; "required": true; "isSignal": true; }; "autocompleteOptions": { "alias": "autocompleteOptions"; "required": false; "isSignal": true; }; "autocompleteMatcherFn": { "alias": "autocompleteMatcherFn"; "required": false; "isSignal": true; }; "showErrors": { "alias": "showErrors"; "required": false; "isSignal": true; }; "autoFocus": { "alias": "autoFocus"; "required": false; "isSignal": true; }; }, { "searchChanged": "searchChanged"; "autocompleteOptionSelected": "autocompleteOptionSelected"; "autocompleteOptionDeselected": "autocompleteOptionDeselected"; }, never, ["*", ".descriptor", "watt-field-hint", "watt-field-error"], true, never>;
+}
+
+export { WattTextFieldComponent };

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

@@ -0,0 +1,31 @@
+import * as _angular_core from '@angular/core';
+import { ControlValueAccessor, FormControl } from '@angular/forms';
+
+declare class WattTextAreaFieldComponent implements ControlValueAccessor {
+    /** @ignore */
+    private element;
+    formControl: _angular_core.InputSignal<FormControl<any>>;
+    placeholder: _angular_core.InputSignal<string | undefined>;
+    required: _angular_core.InputSignal<boolean>;
+    maxLength: _angular_core.InputSignal<string | number | null>;
+    label: _angular_core.InputSignal<string | undefined>;
+    small: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    resize: _angular_core.InputSignal<"none" | "horizontal" | "vertical" | "both">;
+    onInput(event: Event): void;
+    /** @ignore */
+    value: _angular_core.ModelSignal<string>;
+    /** @ignore */
+    isDisabled: _angular_core.WritableSignal<boolean>;
+    /** @ignore */
+    writeValue(value: string): void;
+    /** @ignore */
+    registerOnChange(fn: (value: string) => void): void;
+    /** @ignore */
+    registerOnTouched(fn: () => void): void;
+    /** @ignore */
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WattTextAreaFieldComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WattTextAreaFieldComponent, "watt-textarea-field", never, { "formControl": { "alias": "formControl"; "required": true; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "small": { "alias": "small"; "required": false; "isSignal": true; }; "resize": { "alias": "resize"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, ["watt-field-hint", "watt-field-error"], true, never>;
+}
+
+export { WattTextAreaFieldComponent };

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

@@ -1,19 +1,20 @@
 import { MatSnackBarRef } from '@angular/material/snack-bar';
-import * as i0 from "@angular/core";
-export type WattToastType = 'success' | 'info' | 'warning' | 'danger' | 'loading';
-export interface WattToastConfig {
+import * as i0 from '@angular/core';
+
+type WattToastType = 'success' | 'info' | 'warning' | 'danger' | 'loading';
+interface WattToastConfig {
     duration?: number;
     type?: WattToastType;
     message: string;
     action?: (wattToastRef: WattToastRef) => void;
     actionLabel?: string;
 }
-export type WattToastRef = MatSnackBarRef<WattToastComponent>;
+type WattToastRef = MatSnackBarRef<WattToastComponent>;
 /**
  * Usage:
  * `import { WattToastService } from '@energinet/watt/toast';`
  */
-export declare class WattToastComponent {
+declare class WattToastComponent {
     private _config;
     private cd;
     private _matSnackBarRef;
@@ -45,3 +46,16 @@ export declare class WattToastComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<WattToastComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<WattToastComponent, "watt-toast", never, {}, {}, never, never, true, never>;
 }
+
+declare class WattToastService {
+    private readonly _snackBar;
+    private ref?;
+    open(config: WattToastConfig): MatSnackBarRef<WattToastComponent>;
+    update(config: Partial<WattToastConfig>): void;
+    dismiss(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WattToastService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<WattToastService>;
+}
+
+export { WattToastComponent, WattToastService };
+export type { WattToastRef, WattToastType };

package/types/energinet-watt-tooltip.d.ts

@@ -0,0 +1,20 @@
+import * as _angular_core from '@angular/core';
+
+type wattTooltipPosition = 'top-start' | 'top' | 'top-end' | 'right' | 'bottom-start' | 'bottom' | 'bottom-end' | 'left';
+type wattTooltipVariant = 'dark' | 'light';
+declare class WattTooltipDirective {
+    readonly text: _angular_core.InputSignal<string>;
+    readonly position: _angular_core.InputSignal<wattTooltipPosition>;
+    readonly variant: _angular_core.InputSignal<wattTooltipVariant>;
+    private readonly element;
+    private readonly viewContainerRef;
+    private readonly destroyRef;
+    private tooltip;
+    constructor();
+    private createTooltipComponent;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WattTooltipDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<WattTooltipDirective, "[wattTooltip]", ["wattTooltip"], { "text": { "alias": "wattTooltip"; "required": false; "isSignal": true; }; "position": { "alias": "wattTooltipPosition"; "required": false; "isSignal": true; }; "variant": { "alias": "wattTooltipVariant"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { WattTooltipDirective };
+export type { wattTooltipPosition, wattTooltipVariant };

package/{utils/css/css-custom-properties.service.d.ts → types/energinet-watt-utils-css.d.ts}

@@ -1,5 +1,6 @@
-import * as i0 from "@angular/core";
-export declare class WattCssCustomPropertiesService {
+import * as i0 from '@angular/core';
+
+declare class WattCssCustomPropertiesService {
     private readonly document;
     private get rootElement();
     getPropertyValue(name: string): string;
@@ -7,3 +8,5 @@ export declare class WattCssCustomPropertiesService {
     static ɵfac: i0.ɵɵFactoryDeclaration<WattCssCustomPropertiesService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<WattCssCustomPropertiesService>;
 }
+
+export { WattCssCustomPropertiesService };

package/{utils/intersection-observer/watt-intersection-observer.service.d.ts → types/energinet-watt-utils-intersection-observer.d.ts}

@@ -1,4 +1,6 @@
-import * as i0 from "@angular/core";
+import * as rxjs from 'rxjs';
+import * as i0 from '@angular/core';
+
 /**
  * Service for observing changes in the intersection of a target element with
  * the viewport.
@@ -6,7 +8,7 @@ import * as i0 from "@angular/core";
  * Usage:
  * `import { WattIntersectionObserverService } from '@energinet/watt/intersection-observer';`
  */
-export declare class WattIntersectionObserverService {
+declare class WattIntersectionObserverService {
     private intersectionObserver?;
     private entrySubject;
     constructor();
@@ -15,7 +17,9 @@ export declare class WattIntersectionObserverService {
      * whenever that element enters or leaves the viewport. Element will
      * automatically be unobserved when the observable is unsubscribed.
      */
-    observe(element: Element): import("rxjs").Observable<IntersectionObserverEntry>;
+    observe(element: Element): rxjs.Observable<IntersectionObserverEntry>;
     static ɵfac: i0.ɵɵFactoryDeclaration<WattIntersectionObserverService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<WattIntersectionObserverService>;
 }
+
+export { WattIntersectionObserverService };

package/{utils/resize-observer/watt-resize-observer.directive.d.ts → types/energinet-watt-utils-resize-observer.d.ts}

@@ -1,3 +1,7 @@
+import * as i0 from '@angular/core';
+import { OnDestroy, EventEmitter } from '@angular/core';
+import * as rxjs from 'rxjs';
+
 /**
  * @license
  * Copyright 2020 Energinet DataHub A/S
@@ -14,8 +18,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { EventEmitter, OnDestroy } from '@angular/core';
-import * as i0 from "@angular/core";
+
 /**
  * A directive for subscribing to changes to the size of an element.
  * The `resize` event emits initially and then everytime the element is resized.
@@ -23,7 +26,7 @@ import * as i0 from "@angular/core";
  * Usage:
  * `import { WattResizeObserverDirective } from '@energinet/watt/resize-observer';`
  */
-export declare class WattResizeObserverDirective implements OnDestroy {
+declare class WattResizeObserverDirective implements OnDestroy {
     private el;
     private resizeObserverService;
     resize: EventEmitter<ResizeObserverEntry>;
@@ -33,3 +36,27 @@ export declare class WattResizeObserverDirective implements OnDestroy {
     static ɵfac: i0.ɵɵFactoryDeclaration<WattResizeObserverDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<WattResizeObserverDirective, "[wattResizeObserver]", never, {}, { "resize": "resize"; }, never, never, true, never>;
 }
+
+/**
+ * Service for observing changes to an elements size. Typically used by
+ * the `WattResizeObserverDirective`, but can also be imported directly.
+ *
+ * Usage:
+ * `import { WattResizeObserverService } from '@energinet/watt/resize-observer';`
+ */
+declare class WattResizeObserverService {
+    private readonly ngZone;
+    private resizeObserver?;
+    private entrySubject;
+    constructor();
+    /**
+     * Add an element to be observed, returning an observable that
+     * emits whenever that element changes size. Element will
+     * automatically be unobserved when the observable is unsubscribed.
+     */
+    observe(element: Element): rxjs.Observable<ResizeObserverEntry>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WattResizeObserverService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<WattResizeObserverService>;
+}
+
+export { WattResizeObserverDirective, WattResizeObserverService };

package/types/energinet-watt-validation-message.d.ts

@@ -0,0 +1,38 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit } from '@angular/core';
+
+type WattValidationMessageType = 'info' | 'warning' | 'success' | 'danger';
+type WattValidationMessageSize = 'compact' | 'normal';
+/**
+ * Usage:
+ * `import { WattValidationMessageComponent } from '@energinet/watt/validation-message';`
+ */
+declare class WattValidationMessageComponent implements AfterViewInit {
+    /**
+     * @ignore
+     */
+    private elementRef;
+    label: _angular_core.InputSignal<string>;
+    message: _angular_core.InputSignal<string>;
+    icon: _angular_core.InputSignal<"info" | "warning" | "success" | "danger" | "search" | "filter" | "plus" | "minus" | "edit" | "redo" | "undo" | "remove" | "removeForever" | "close" | "cancel" | "checkmark" | "user" | "settings" | "contentCopy" | "date" | "time" | "email" | "markEmailUnread" | "link" | "openInNew" | "monetization" | "payments" | "forwardMessage" | "forward" | "menu" | "moreVertical" | "logout" | "login" | "help" | "alternateEmail" | "refresh" | "language" | "pendingActions" | "toggleOn" | "toggleOff" | "personCheck" | "left" | "right" | "up" | "down" | "arrowDropDown" | "arrowRightAlt" | "arrowLeftAlt" | "feedback" | "save" | "upload" | "download" | "fileDownload" | "fileUpload" | "print" | "preview" | "power" | "location" | "smartDisplay" | "windmill" | "solarPower" | "priorityHigh" | "notifications" | "notificationsUnread" | "horizontalRule" | "wrongLocation" | "heatPump" | "inventory" | "globe" | "calculate" | "bar_chart_4_bars" | "view_list" | "view_stream" | "construction" | "factory" | "nest_eco_leaf" | "flash_on" | undefined>;
+    type: _angular_core.InputSignal<WattValidationMessageType>;
+    size: _angular_core.InputSignal<WattValidationMessageSize>;
+    autoScrollIntoView: _angular_core.InputSignal<boolean>;
+    /**
+     * @ignore
+     */
+    cssClass: _angular_core.Signal<string>;
+    /**
+     * @ignore
+     */
+    ariaRole: _angular_core.Signal<"alert" | "status">;
+    /**
+     * @ignore
+     */
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WattValidationMessageComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WattValidationMessageComponent, "watt-validation-message", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "autoScrollIntoView": { "alias": "autoScrollIntoView"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { WattValidationMessageComponent };
+export type { WattValidationMessageType };

package/{validators/watt-range.validators.d.ts → types/energinet-watt-validators.d.ts}

@@ -1,3 +1,5 @@
+import { ValidatorFn } from '@angular/forms';
+
 /**
  * @license
  * Copyright 2020 Energinet DataHub A/S
@@ -14,11 +16,13 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { ValidatorFn } from '@angular/forms';
-export declare class WattRangeValidators {
+
+declare class WattRangeValidators {
     static required: ValidatorFn;
     static startRequired: ValidatorFn;
     static endRequired: ValidatorFn;
     static maxDays: (maxDays: number) => ValidatorFn;
     static maxMonths: (maxMonths: number) => ValidatorFn;
 }
+
+export { WattRangeValidators };

package/types/energinet-watt-vater.d.ts

@@ -0,0 +1,87 @@
+import * as _angular_core from '@angular/core';
+
+/**
+ * @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.
+ */
+type Spacing = 'xs' | 's' | 'm' | 'ml' | 'l' | 'xl';
+type Fill = 'horizontal' | 'vertical' | 'both';
+type Inset = '0' | Spacing;
+type Align = 'stretch' | 'start' | 'end' | 'center' | 'baseline';
+type Direction = 'row' | 'column';
+type Justify = 'start' | 'end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
+
+declare class VaterLayoutDirective {
+    /** Cross axis alignment of the flex items. */
+    align: _angular_core.InputSignal<Align | undefined>;
+    /** Direction of the flex items. Defaults to `column`. */
+    direction: _angular_core.InputSignal<Direction>;
+    /** Spacing between the flex items. */
+    gap: _angular_core.InputSignal<Spacing | undefined>;
+    /** Main axis alignment of the flex items. */
+    justify: _angular_core.InputSignal<Justify | undefined>;
+    /** Offset to apply along the main axis. */
+    offset: _angular_core.InputSignal<Spacing | undefined>;
+    /** Whether the flex items should wrap. */
+    wrap: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    protected alignClass: _angular_core.Signal<string | undefined>;
+    protected directionClass: _angular_core.Signal<string>;
+    protected gapClass: _angular_core.Signal<string | undefined>;
+    protected justifyClass: _angular_core.Signal<string | undefined>;
+    protected offsetClass: _angular_core.Signal<string | undefined>;
+    protected class: _angular_core.Signal<(string | undefined)[]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<VaterLayoutDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<VaterLayoutDirective, never, never, { "align": { "alias": "align"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "justify": { "alias": "justify"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class VaterUtilityDirective {
+    /** Center the element horizontally and vertically. */
+    center: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Stretch the element to fill the available space in one or both directions. */
+    fill: _angular_core.InputSignal<Fill | undefined>;
+    /** Position the element absolute with the provided inset value. */
+    inset: _angular_core.InputSignal<Inset | undefined>;
+    /** Make the element scrollable. */
+    scrollable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    protected fillClass: _angular_core.Signal<string | undefined>;
+    protected insetClass: _angular_core.Signal<string | undefined>;
+    protected class: _angular_core.Signal<(string | undefined)[]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<VaterUtilityDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<VaterUtilityDirective, "[vater]", never, { "center": { "alias": "center"; "required": false; "isSignal": true; }; "fill": { "alias": "fill"; "required": false; "isSignal": true; }; "inset": { "alias": "inset"; "required": false; "isSignal": true; }; "scrollable": { "alias": "scrollable"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class VaterFlexComponent {
+    /**
+     * When set, sizes the flex items according to their width or height properties.
+     * @see https://drafts.csswg.org/css-flexbox-1/#flex-common
+     * @remarks
+     * Prefer setting `fill` on flex items over using `autoSize`.
+     */
+    autoSize: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<VaterFlexComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<VaterFlexComponent, "vater-flex, [vater-flex]", never, { "autoSize": { "alias": "autoSize"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof VaterLayoutDirective; inputs: { "align": "align"; "direction": "direction"; "justify": "justify"; "wrap": "wrap"; "gap": "gap"; "offset": "offset"; }; outputs: {}; }, { directive: typeof VaterUtilityDirective; inputs: { "center": "center"; "fill": "fill"; "inset": "inset"; "scrollable": "scrollable"; }; outputs: {}; }]>;
+}
+
+declare class VaterSpacerComponent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<VaterSpacerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<VaterSpacerComponent, "vater-spacer, [vater-spacer]", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class VaterStackComponent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<VaterStackComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<VaterStackComponent, "vater-stack, [vater-stack]", never, {}, {}, never, ["*"], true, [{ directive: typeof VaterLayoutDirective; inputs: { "align": "align"; "direction": "direction"; "justify": "justify"; "wrap": "wrap"; "gap": "gap"; "offset": "offset"; }; outputs: {}; }, { directive: typeof VaterUtilityDirective; inputs: { "center": "center"; "fill": "fill"; "inset": "inset"; "scrollable": "scrollable"; }; outputs: {}; }]>;
+}
+
+export { VaterFlexComponent, VaterLayoutDirective, VaterSpacerComponent, VaterStackComponent, VaterUtilityDirective };

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

@@ -0,0 +1,60 @@
+import * as rxjs from 'rxjs';
+import * as _angular_core from '@angular/core';
+import { ControlValueAccessor, FormControl } from '@angular/forms';
+
+declare const YEAR_FORMAT = "YYYY";
+declare class WattYearField implements ControlValueAccessor {
+    private static instance;
+    private instance;
+    protected anchorName: string;
+    protected control: FormControl<string>;
+    private valueChanges;
+    private year;
+    protected selected: _angular_core.Signal<Date | undefined>;
+    protected isOpen: _angular_core.WritableSignal<boolean>;
+    /** Set the label text for `watt-field`. */
+    label: _angular_core.InputSignal<string>;
+    /** The minimum selectable date. */
+    min: _angular_core.InputSignal<Date | undefined>;
+    /** The maximum selectable date. */
+    max: _angular_core.InputSignal<Date | undefined>;
+    /** Enable buttons to step through years. */
+    canStepThroughYears: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Emits when the selected year has changed. */
+    yearChange: _angular_core.OutputRef<string>;
+    /** Emits when the field loses focus. */
+    blur: _angular_core.OutputEmitterRef<FocusEvent>;
+    isPrevYearButtonDisabled: _angular_core.Signal<boolean>;
+    isNextYearButtonDisabled: _angular_core.Signal<boolean>;
+    protected handleFocus: (picker: HTMLElement) => void;
+    protected handleBlur: (picker: HTMLElement, event: FocusEvent) => void;
+    protected handleSelectedChange: (field: HTMLInputElement, date: Date) => void;
+    writeValue: (value: string | null) => void;
+    setDisabledState: (x: boolean) => void;
+    registerOnTouched: (fn: () => void) => _angular_core.OutputRefSubscription;
+    registerOnChange: (fn: (value: string | null) => void) => rxjs.Subscription;
+    /**
+     * @ignore
+     */
+    protected prevYear(field: HTMLInputElement): void;
+    /**
+     * @ignore
+     */
+    protected nextYear(field: HTMLInputElement): void;
+    /**
+     * @ignore
+     */
+    private changeYear;
+    /**
+     * @ignore
+     */
+    isPrevYearBeforeOrEqualToMinDate(): boolean;
+    /**
+     * @ignore
+     */
+    isNextYearAfterOrEqualToMaxDate(): boolean;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WattYearField, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WattYearField, "watt-year-field", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "canStepThroughYears": { "alias": "canStepThroughYears"; "required": false; "isSignal": true; }; }, { "yearChange": "yearChange"; "blur": "blur"; }, never, ["*", "watt-field-error", "watt-field-warning", "watt-field-hint"], true, never>;
+}
+
+export { WattYearField, YEAR_FORMAT };

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

@@ -0,0 +1,64 @@
+import * as rxjs from 'rxjs';
+import * as _angular_core from '@angular/core';
+import { ControlValueAccessor, FormControl } from '@angular/forms';
+
+declare class WattYearMonthField implements ControlValueAccessor {
+    private static instance;
+    private instance;
+    protected anchorName: string;
+    protected control: FormControl<string>;
+    private yearMonthChanges;
+    private valueChanges;
+    private yearMonth;
+    protected selected: _angular_core.Signal<Date | null | undefined>;
+    protected isOpen: _angular_core.WritableSignal<boolean>;
+    /** Set the label text for `watt-field`. */
+    label: _angular_core.InputSignal<string>;
+    /** The minimum selectable date. */
+    min: _angular_core.InputSignal<Date | undefined>;
+    /** The maximum selectable date. */
+    max: _angular_core.InputSignal<Date | undefined>;
+    /** Whether the calendar should be started in month or year view. */
+    startView: _angular_core.InputSignal<"year" | "multi-year">;
+    /** Enable buttons to step through months. */
+    canStepThroughMonths: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Emits when the selected month has changed. */
+    monthChange: _angular_core.OutputRef<string | null>;
+    /** Emits when the field loses focus. */
+    blur: _angular_core.OutputEmitterRef<FocusEvent>;
+    isPrevMonthButtonDisabled: _angular_core.Signal<boolean>;
+    isNextMonthButtonDisabled: _angular_core.Signal<boolean>;
+    protected handleFocus: (picker: HTMLElement) => void;
+    protected handleBlur: (picker: HTMLElement, event: FocusEvent) => void;
+    protected handleSelectedChange: (field: HTMLInputElement, date: Date) => void;
+    writeValue: (value: string | null) => void;
+    setDisabledState: (x: boolean) => void;
+    registerOnTouched: (fn: () => void) => _angular_core.OutputRefSubscription;
+    registerOnChange: (fn: (value: string | null) => void) => rxjs.Subscription;
+    /**
+     * @ignore
+     */
+    protected prevMonth(field: HTMLInputElement): void;
+    /**
+     * @ignore
+     */
+    protected nextMonth(field: HTMLInputElement): void;
+    /**
+     * @ignore
+     */
+    private changeMonth;
+    /**
+     * @ignore
+     */
+    isPrevMonthBeforeOrEqualToMinDate(): boolean;
+    /**
+     * @ignore
+     */
+    isNextMonthAfterOrEqualToMaxDate(): boolean;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WattYearMonthField, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WattYearMonthField, "watt-yearmonth-field", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "startView": { "alias": "startView"; "required": false; "isSignal": true; }; "canStepThroughMonths": { "alias": "canStepThroughMonths"; "required": false; "isSignal": true; }; }, { "monthChange": "monthChange"; "blur": "blur"; }, never, ["*", "watt-field-error", "watt-field-warning", "watt-field-hint"], true, never>;
+}
+
+declare const YEARMONTH_FORMAT = "YYYY-MM";
+
+export { WattYearMonthField, YEARMONTH_FORMAT };

package/{core/color/index.d.ts → types/energinet-watt.d.ts}

@@ -14,5 +14,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-export { WattColor } from './colors';
-export { WattColorHelperService } from './color-helper.service';
+declare const ɵɵtsModuleIndicatorApiExtractorWorkaround = true;
+
+export { ɵɵtsModuleIndicatorApiExtractorWorkaround };

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

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