@energinet/watt 2.0.13 → 2.1.0

package/esm2022/vater/vater-flex.component.js

@@ -0,0 +1,49 @@
+//#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 { booleanAttribute, Component, input, ViewEncapsulation } from '@angular/core';
+import { VaterUtilityDirective } from './vater-utility.directive';
+import { VaterLayoutDirective } from './vater-layout.directive';
+import * as i0 from "@angular/core";
+import * as i1 from "./vater-layout.directive";
+import * as i2 from "./vater-utility.directive";
+export 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 = input(false, { transform: booleanAttribute });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: VaterFlexComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.3", type: VaterFlexComponent, isStandalone: true, selector: "vater-flex, [vater-flex]", inputs: { autoSize: { classPropertyName: "autoSize", publicName: "autoSize", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.vater-flex-auto": "autoSize()" } }, hostDirectives: [{ directive: i1.VaterLayoutDirective, inputs: ["align", "align", "direction", "direction", "justify", "justify", "wrap", "wrap", "gap", "gap", "offset", "offset"] }, { directive: i2.VaterUtilityDirective, inputs: ["center", "center", "fill", "fill", "inset", "inset", "scrollable", "scrollable"] }], ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["vater-flex,[vater-flex]{display:flex;line-height:normal}\n"], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: VaterFlexComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vater-flex, [vater-flex]', encapsulation: ViewEncapsulation.None, hostDirectives: [
+                        {
+                            directive: VaterLayoutDirective,
+                            inputs: ['align', 'direction', 'justify', 'wrap', 'gap', 'offset'],
+                        },
+                        {
+                            directive: VaterUtilityDirective,
+                            inputs: ['center', 'fill', 'inset', 'scrollable'],
+                        },
+                    ], host: { '[class.vater-flex-auto]': 'autoSize()' }, template: `<ng-content />`, styles: ["vater-flex,[vater-flex]{display:flex;line-height:normal}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmF0ZXItZmxleC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL3dhdHQvcGFja2FnZS92YXRlci92YXRlci1mbGV4LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpQkFBaUI7QUFDakI7Ozs7Ozs7Ozs7Ozs7OztHQWVHO0FBQ0gsWUFBWTtBQUNaLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3RGLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDBCQUEwQixDQUFDOzs7O0FBeUJoRSxNQUFNLE9BQU8sa0JBQWtCO0lBQzdCOzs7OztPQUtHO0lBQ0gsUUFBUSxHQUFHLEtBQUssQ0FBQyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUUsQ0FBQyxDQUFDO3VHQVA5QyxrQkFBa0I7MkZBQWxCLGtCQUFrQiwrbEJBRm5CLGdCQUFnQjs7MkZBRWYsa0JBQWtCO2tCQXZCOUIsU0FBUzsrQkFDRSwwQkFBMEIsaUJBQ3JCLGlCQUFpQixDQUFDLElBQUksa0JBQ3JCO3dCQUNkOzRCQUNFLFNBQVMsRUFBRSxvQkFBb0I7NEJBQy9CLE1BQU0sRUFBRSxDQUFDLE9BQU8sRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsUUFBUSxDQUFDO3lCQUNuRTt3QkFDRDs0QkFDRSxTQUFTLEVBQUUscUJBQXFCOzRCQUNoQyxNQUFNLEVBQUUsQ0FBQyxRQUFRLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxZQUFZLENBQUM7eUJBQ2xEO3FCQUNGLFFBQ0ssRUFBRSx5QkFBeUIsRUFBRSxZQUFZLEVBQUUsWUFRdkMsZ0JBQWdCIiwic291cmNlc0NvbnRlbnQiOlsiLy8jcmVnaW9uIExpY2Vuc2Vcbi8qKlxuICogQGxpY2Vuc2VcbiAqIENvcHlyaWdodCAyMDIwIEVuZXJnaW5ldCBEYXRhSHViIEEvU1xuICpcbiAqIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2UyXCIpO1xuICogeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8vI2VuZHJlZ2lvblxuaW1wb3J0IHsgYm9vbGVhbkF0dHJpYnV0ZSwgQ29tcG9uZW50LCBpbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFZhdGVyVXRpbGl0eURpcmVjdGl2ZSB9IGZyb20gJy4vdmF0ZXItdXRpbGl0eS5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgVmF0ZXJMYXlvdXREaXJlY3RpdmUgfSBmcm9tICcuL3ZhdGVyLWxheW91dC5kaXJlY3RpdmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd2YXRlci1mbGV4LCBbdmF0ZXItZmxleF0nLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBob3N0RGlyZWN0aXZlczogW1xuICAgIHtcbiAgICAgIGRpcmVjdGl2ZTogVmF0ZXJMYXlvdXREaXJlY3RpdmUsXG4gICAgICBpbnB1dHM6IFsnYWxpZ24nLCAnZGlyZWN0aW9uJywgJ2p1c3RpZnknLCAnd3JhcCcsICdnYXAnLCAnb2Zmc2V0J10sXG4gICAgfSxcbiAgICB7XG4gICAgICBkaXJlY3RpdmU6IFZhdGVyVXRpbGl0eURpcmVjdGl2ZSxcbiAgICAgIGlucHV0czogWydjZW50ZXInLCAnZmlsbCcsICdpbnNldCcsICdzY3JvbGxhYmxlJ10sXG4gICAgfSxcbiAgXSxcbiAgaG9zdDogeyAnW2NsYXNzLnZhdGVyLWZsZXgtYXV0b10nOiAnYXV0b1NpemUoKScgfSxcbiAgc3R5bGVzOiBgXG4gICAgdmF0ZXItZmxleCxcbiAgICBbdmF0ZXItZmxleF0ge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGxpbmUtaGVpZ2h0OiBub3JtYWw7XG4gICAgfVxuICBgLFxuICB0ZW1wbGF0ZTogYDxuZy1jb250ZW50IC8+YCxcbn0pXG5leHBvcnQgY2xhc3MgVmF0ZXJGbGV4Q29tcG9uZW50IHtcbiAgLyoqXG4gICAqIFdoZW4gc2V0LCBzaXplcyB0aGUgZmxleCBpdGVtcyBhY2NvcmRpbmcgdG8gdGhlaXIgd2lkdGggb3IgaGVpZ2h0IHByb3BlcnRpZXMuXG4gICAqIEBzZWUgaHR0cHM6Ly9kcmFmdHMuY3Nzd2cub3JnL2Nzcy1mbGV4Ym94LTEvI2ZsZXgtY29tbW9uXG4gICAqIEByZW1hcmtzXG4gICAqIFByZWZlciBzZXR0aW5nIGBmaWxsYCBvbiBmbGV4IGl0ZW1zIG92ZXIgdXNpbmcgYGF1dG9TaXplYC5cbiAgICovXG4gIGF1dG9TaXplID0gaW5wdXQoZmFsc2UsIHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pO1xufVxuIl19

package/esm2022/vater/vater-layout.directive.js

@@ -0,0 +1,65 @@
+//#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 { booleanAttribute, computed, Directive, input } from '@angular/core';
+import * as i0 from "@angular/core";
+export class VaterLayoutDirective {
+    /** Cross axis alignment of the flex items. */
+    align = input();
+    /** Direction of the flex items. Defaults to `column`. */
+    direction = input('column');
+    /** Spacing between the flex items. */
+    gap = input();
+    /** Main axis alignment of the flex items. */
+    justify = input();
+    /** Offset to apply along the main axis. */
+    offset = input();
+    /** Whether the flex items should wrap. */
+    wrap = input(false, { transform: booleanAttribute });
+    // Computed class names
+    alignClass = computed(() => this.align() && `vater-align-${this.align()}`);
+    directionClass = computed(() => this.direction() && `vater-${this.direction()}`);
+    gapClass = computed(() => this.gap() && `vater-gap-${this.gap()}`);
+    justifyClass = computed(() => this.justify() && `vater-justify-${this.justify()}`);
+    offsetClass = computed(() => this.offset() && `vater-offset-${this.offset()}`);
+    class = computed(() => [
+        this.alignClass(),
+        this.directionClass(),
+        this.gapClass(),
+        this.justifyClass(),
+        this.offsetClass(),
+    ].filter(Boolean));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: VaterLayoutDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.3", type: VaterLayoutDirective, isStandalone: true, inputs: { align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null }, justify: { classPropertyName: "justify", publicName: "justify", isSignal: true, isRequired: false, transformFunction: null }, offset: { classPropertyName: "offset", publicName: "offset", isSignal: true, isRequired: false, transformFunction: null }, wrap: { classPropertyName: "wrap", publicName: "wrap", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "class()", "class.vater-wrap": "wrap()", "attr.align": "null", "attr.direction": "null", "attr.gap": "null", "attr.justify": "null", "attr.offset": "null", "attr.wrap": "null" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: VaterLayoutDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    host: {
+                        '[class]': 'class()',
+                        '[class.vater-wrap]': 'wrap()',
+                        '[attr.align]': 'null',
+                        '[attr.direction]': 'null',
+                        '[attr.gap]': 'null',
+                        '[attr.justify]': 'null',
+                        '[attr.offset]': 'null',
+                        '[attr.wrap]': 'null',
+                    },
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmF0ZXItbGF5b3V0LmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvd2F0dC9wYWNrYWdlL3ZhdGVyL3ZhdGVyLWxheW91dC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsaUJBQWlCO0FBQ2pCOzs7Ozs7Ozs7Ozs7Ozs7R0FlRztBQUNILFlBQVk7QUFDWixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBZTdFLE1BQU0sT0FBTyxvQkFBb0I7SUFDL0IsOENBQThDO0lBQzlDLEtBQUssR0FBRyxLQUFLLEVBQVMsQ0FBQztJQUV2Qix5REFBeUQ7SUFDekQsU0FBUyxHQUFHLEtBQUssQ0FBWSxRQUFRLENBQUMsQ0FBQztJQUV2QyxzQ0FBc0M7SUFDdEMsR0FBRyxHQUFHLEtBQUssRUFBVyxDQUFDO0lBRXZCLDZDQUE2QztJQUM3QyxPQUFPLEdBQUcsS0FBSyxFQUFXLENBQUM7SUFFM0IsMkNBQTJDO0lBQzNDLE1BQU0sR0FBRyxLQUFLLEVBQVcsQ0FBQztJQUUxQiwwQ0FBMEM7SUFDMUMsSUFBSSxHQUFHLEtBQUssQ0FBQyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUUsQ0FBQyxDQUFDO0lBRXJELHVCQUF1QjtJQUNiLFVBQVUsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRSxJQUFJLGVBQWUsSUFBSSxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsQ0FBQztJQUMzRSxjQUFjLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsSUFBSSxTQUFTLElBQUksQ0FBQyxTQUFTLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFDakYsUUFBUSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsR0FBRyxFQUFFLElBQUksYUFBYSxJQUFJLENBQUMsR0FBRyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBQ25FLFlBQVksR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxJQUFJLGlCQUFpQixJQUFJLENBQUMsT0FBTyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBQ25GLFdBQVcsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxJQUFJLGdCQUFnQixJQUFJLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBQy9FLEtBQUssR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQzlCO1FBQ0UsSUFBSSxDQUFDLFVBQVUsRUFBRTtRQUNqQixJQUFJLENBQUMsY0FBYyxFQUFFO1FBQ3JCLElBQUksQ0FBQyxRQUFRLEVBQUU7UUFDZixJQUFJLENBQUMsWUFBWSxFQUFFO1FBQ25CLElBQUksQ0FBQyxXQUFXLEVBQUU7S0FDbkIsQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLENBQ2xCLENBQUM7dUdBakNTLG9CQUFvQjsyRkFBcEIsb0JBQW9COzsyRkFBcEIsb0JBQW9CO2tCQVpoQyxTQUFTO21CQUFDO29CQUNULElBQUksRUFBRTt3QkFDSixTQUFTLEVBQUUsU0FBUzt3QkFDcEIsb0JBQW9CLEVBQUUsUUFBUTt3QkFDOUIsY0FBYyxFQUFFLE1BQU07d0JBQ3RCLGtCQUFrQixFQUFFLE1BQU07d0JBQzFCLFlBQVksRUFBRSxNQUFNO3dCQUNwQixnQkFBZ0IsRUFBRSxNQUFNO3dCQUN4QixlQUFlLEVBQUUsTUFBTTt3QkFDdkIsYUFBYSxFQUFFLE1BQU07cUJBQ3RCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiLy8jcmVnaW9uIExpY2Vuc2Vcbi8qKlxuICogQGxpY2Vuc2VcbiAqIENvcHlyaWdodCAyMDIwIEVuZXJnaW5ldCBEYXRhSHViIEEvU1xuICpcbiAqIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2UyXCIpO1xuICogeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8vI2VuZHJlZ2lvblxuaW1wb3J0IHsgYm9vbGVhbkF0dHJpYnV0ZSwgY29tcHV0ZWQsIERpcmVjdGl2ZSwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFsaWduLCBEaXJlY3Rpb24sIEp1c3RpZnksIFNwYWNpbmcgfSBmcm9tICcuL3R5cGVzJztcblxuQERpcmVjdGl2ZSh7XG4gIGhvc3Q6IHtcbiAgICAnW2NsYXNzXSc6ICdjbGFzcygpJyxcbiAgICAnW2NsYXNzLnZhdGVyLXdyYXBdJzogJ3dyYXAoKScsXG4gICAgJ1thdHRyLmFsaWduXSc6ICdudWxsJyxcbiAgICAnW2F0dHIuZGlyZWN0aW9uXSc6ICdudWxsJyxcbiAgICAnW2F0dHIuZ2FwXSc6ICdudWxsJyxcbiAgICAnW2F0dHIuanVzdGlmeV0nOiAnbnVsbCcsXG4gICAgJ1thdHRyLm9mZnNldF0nOiAnbnVsbCcsXG4gICAgJ1thdHRyLndyYXBdJzogJ251bGwnLFxuICB9LFxufSlcbmV4cG9ydCBjbGFzcyBWYXRlckxheW91dERpcmVjdGl2ZSB7XG4gIC8qKiBDcm9zcyBheGlzIGFsaWdubWVudCBvZiB0aGUgZmxleCBpdGVtcy4gKi9cbiAgYWxpZ24gPSBpbnB1dDxBbGlnbj4oKTtcblxuICAvKiogRGlyZWN0aW9uIG9mIHRoZSBmbGV4IGl0ZW1zLiBEZWZhdWx0cyB0byBgY29sdW1uYC4gKi9cbiAgZGlyZWN0aW9uID0gaW5wdXQ8RGlyZWN0aW9uPignY29sdW1uJyk7XG5cbiAgLyoqIFNwYWNpbmcgYmV0d2VlbiB0aGUgZmxleCBpdGVtcy4gKi9cbiAgZ2FwID0gaW5wdXQ8U3BhY2luZz4oKTtcblxuICAvKiogTWFpbiBheGlzIGFsaWdubWVudCBvZiB0aGUgZmxleCBpdGVtcy4gKi9cbiAganVzdGlmeSA9IGlucHV0PEp1c3RpZnk+KCk7XG5cbiAgLyoqIE9mZnNldCB0byBhcHBseSBhbG9uZyB0aGUgbWFpbiBheGlzLiAqL1xuICBvZmZzZXQgPSBpbnB1dDxTcGFjaW5nPigpO1xuXG4gIC8qKiBXaGV0aGVyIHRoZSBmbGV4IGl0ZW1zIHNob3VsZCB3cmFwLiAqL1xuICB3cmFwID0gaW5wdXQoZmFsc2UsIHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pO1xuXG4gIC8vIENvbXB1dGVkIGNsYXNzIG5hbWVzXG4gIHByb3RlY3RlZCBhbGlnbkNsYXNzID0gY29tcHV0ZWQoKCkgPT4gdGhpcy5hbGlnbigpICYmIGB2YXRlci1hbGlnbi0ke3RoaXMuYWxpZ24oKX1gKTtcbiAgcHJvdGVjdGVkIGRpcmVjdGlvbkNsYXNzID0gY29tcHV0ZWQoKCkgPT4gdGhpcy5kaXJlY3Rpb24oKSAmJiBgdmF0ZXItJHt0aGlzLmRpcmVjdGlvbigpfWApO1xuICBwcm90ZWN0ZWQgZ2FwQ2xhc3MgPSBjb21wdXRlZCgoKSA9PiB0aGlzLmdhcCgpICYmIGB2YXRlci1nYXAtJHt0aGlzLmdhcCgpfWApO1xuICBwcm90ZWN0ZWQganVzdGlmeUNsYXNzID0gY29tcHV0ZWQoKCkgPT4gdGhpcy5qdXN0aWZ5KCkgJiYgYHZhdGVyLWp1c3RpZnktJHt0aGlzLmp1c3RpZnkoKX1gKTtcbiAgcHJvdGVjdGVkIG9mZnNldENsYXNzID0gY29tcHV0ZWQoKCkgPT4gdGhpcy5vZmZzZXQoKSAmJiBgdmF0ZXItb2Zmc2V0LSR7dGhpcy5vZmZzZXQoKX1gKTtcbiAgcHJvdGVjdGVkIGNsYXNzID0gY29tcHV0ZWQoKCkgPT5cbiAgICBbXG4gICAgICB0aGlzLmFsaWduQ2xhc3MoKSxcbiAgICAgIHRoaXMuZGlyZWN0aW9uQ2xhc3MoKSxcbiAgICAgIHRoaXMuZ2FwQ2xhc3MoKSxcbiAgICAgIHRoaXMuanVzdGlmeUNsYXNzKCksXG4gICAgICB0aGlzLm9mZnNldENsYXNzKCksXG4gICAgXS5maWx0ZXIoQm9vbGVhbilcbiAgKTtcbn1cbiJdfQ==

package/esm2022/vater/vater-spacer.component.js

@@ -0,0 +1,29 @@
+//#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 { Component, ViewEncapsulation } from '@angular/core';
+import * as i0 from "@angular/core";
+export class VaterSpacerComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: VaterSpacerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.3", type: VaterSpacerComponent, isStandalone: true, selector: "vater-spacer, [vater-spacer]", ngImport: i0, template: '<ng-content />', isInline: true, styles: ["vater-spacer,[vater-spacer]{flex:1;align-self:stretch}\n"], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: VaterSpacerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vater-spacer, [vater-spacer]', encapsulation: ViewEncapsulation.None, template: '<ng-content />', styles: ["vater-spacer,[vater-spacer]{flex:1;align-self:stretch}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmF0ZXItc3BhY2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvd2F0dC9wYWNrYWdlL3ZhdGVyL3ZhdGVyLXNwYWNlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsaUJBQWlCO0FBQ2pCOzs7Ozs7Ozs7Ozs7Ozs7R0FlRztBQUNILFlBQVk7QUFDWixPQUFPLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOztBQWM3RCxNQUFNLE9BQU8sb0JBQW9CO3VHQUFwQixvQkFBb0I7MkZBQXBCLG9CQUFvQix3RkFGckIsZ0JBQWdCOzsyRkFFZixvQkFBb0I7a0JBWmhDLFNBQVM7K0JBQ0UsOEJBQThCLGlCQUN6QixpQkFBaUIsQ0FBQyxJQUFJLFlBUTNCLGdCQUFnQiIsInNvdXJjZXNDb250ZW50IjpbIi8vI3JlZ2lvbiBMaWNlbnNlXG4vKipcbiAqIEBsaWNlbnNlXG4gKiBDb3B5cmlnaHQgMjAyMCBFbmVyZ2luZXQgRGF0YUh1YiBBL1NcbiAqXG4gKiBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlMlwiKTtcbiAqIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vLyNlbmRyZWdpb25cbmltcG9ydCB7IENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndmF0ZXItc3BhY2VyLCBbdmF0ZXItc3BhY2VyXScsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHN0eWxlczogYFxuICAgIHZhdGVyLXNwYWNlcixcbiAgICBbdmF0ZXItc3BhY2VyXSB7XG4gICAgICBmbGV4OiAxO1xuICAgICAgYWxpZ24tc2VsZjogc3RyZXRjaDtcbiAgICB9XG4gIGAsXG4gIHRlbXBsYXRlOiAnPG5nLWNvbnRlbnQgLz4nLFxufSlcbmV4cG9ydCBjbGFzcyBWYXRlclNwYWNlckNvbXBvbmVudCB7fVxuIl19

package/esm2022/vater/vater-stack.component.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 { Component, ViewEncapsulation } from '@angular/core';
+import { VaterUtilityDirective } from './vater-utility.directive';
+import { VaterLayoutDirective } from './vater-layout.directive';
+import * as i0 from "@angular/core";
+import * as i1 from "./vater-layout.directive";
+import * as i2 from "./vater-utility.directive";
+export class VaterStackComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: VaterStackComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.3", type: VaterStackComponent, isStandalone: true, selector: "vater-stack, [vater-stack]", hostDirectives: [{ directive: i1.VaterLayoutDirective, inputs: ["align", "align", "direction", "direction", "justify", "justify", "wrap", "wrap", "gap", "gap", "offset", "offset"] }, { directive: i2.VaterUtilityDirective, inputs: ["center", "center", "fill", "fill", "inset", "inset", "scrollable", "scrollable"] }], ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["vater-stack,[vater-stack]{display:flex;line-height:normal}\n"], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: VaterStackComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vater-stack, [vater-stack]', encapsulation: ViewEncapsulation.None, hostDirectives: [
+                        {
+                            directive: VaterLayoutDirective,
+                            inputs: ['align', 'direction', 'justify', 'wrap', 'gap', 'offset'],
+                        },
+                        {
+                            directive: VaterUtilityDirective,
+                            inputs: ['center', 'fill', 'inset', 'scrollable'],
+                        },
+                    ], template: `<ng-content />`, styles: ["vater-stack,[vater-stack]{display:flex;line-height:normal}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmF0ZXItc3RhY2suY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vbGlicy93YXR0L3BhY2thZ2UvdmF0ZXIvdmF0ZXItc3RhY2suY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGlCQUFpQjtBQUNqQjs7Ozs7Ozs7Ozs7Ozs7O0dBZUc7QUFDSCxZQUFZO0FBQ1osT0FBTyxFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM3RCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUNsRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7OztBQXdCaEUsTUFBTSxPQUFPLG1CQUFtQjt1R0FBbkIsbUJBQW1COzJGQUFuQixtQkFBbUIsbVpBRnBCLGdCQUFnQjs7MkZBRWYsbUJBQW1CO2tCQXRCL0IsU0FBUzsrQkFDRSw0QkFBNEIsaUJBQ3ZCLGlCQUFpQixDQUFDLElBQUksa0JBQ3JCO3dCQUNkOzRCQUNFLFNBQVMsRUFBRSxvQkFBb0I7NEJBQy9CLE1BQU0sRUFBRSxDQUFDLE9BQU8sRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsUUFBUSxDQUFDO3lCQUNuRTt3QkFDRDs0QkFDRSxTQUFTLEVBQUUscUJBQXFCOzRCQUNoQyxNQUFNLEVBQUUsQ0FBQyxRQUFRLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxZQUFZLENBQUM7eUJBQ2xEO3FCQUNGLFlBUVMsZ0JBQWdCIiwic291cmNlc0NvbnRlbnQiOlsiLy8jcmVnaW9uIExpY2Vuc2Vcbi8qKlxuICogQGxpY2Vuc2VcbiAqIENvcHlyaWdodCAyMDIwIEVuZXJnaW5ldCBEYXRhSHViIEEvU1xuICpcbiAqIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2UyXCIpO1xuICogeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8vI2VuZHJlZ2lvblxuaW1wb3J0IHsgQ29tcG9uZW50LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVmF0ZXJVdGlsaXR5RGlyZWN0aXZlIH0gZnJvbSAnLi92YXRlci11dGlsaXR5LmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBWYXRlckxheW91dERpcmVjdGl2ZSB9IGZyb20gJy4vdmF0ZXItbGF5b3V0LmRpcmVjdGl2ZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3ZhdGVyLXN0YWNrLCBbdmF0ZXItc3RhY2tdJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgaG9zdERpcmVjdGl2ZXM6IFtcbiAgICB7XG4gICAgICBkaXJlY3RpdmU6IFZhdGVyTGF5b3V0RGlyZWN0aXZlLFxuICAgICAgaW5wdXRzOiBbJ2FsaWduJywgJ2RpcmVjdGlvbicsICdqdXN0aWZ5JywgJ3dyYXAnLCAnZ2FwJywgJ29mZnNldCddLFxuICAgIH0sXG4gICAge1xuICAgICAgZGlyZWN0aXZlOiBWYXRlclV0aWxpdHlEaXJlY3RpdmUsXG4gICAgICBpbnB1dHM6IFsnY2VudGVyJywgJ2ZpbGwnLCAnaW5zZXQnLCAnc2Nyb2xsYWJsZSddLFxuICAgIH0sXG4gIF0sXG4gIHN0eWxlczogYFxuICAgIHZhdGVyLXN0YWNrLFxuICAgIFt2YXRlci1zdGFja10ge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGxpbmUtaGVpZ2h0OiBub3JtYWw7XG4gICAgfVxuICBgLFxuICB0ZW1wbGF0ZTogYDxuZy1jb250ZW50IC8+YCxcbn0pXG5leHBvcnQgY2xhc3MgVmF0ZXJTdGFja0NvbXBvbmVudCB7fVxuIl19

package/esm2022/vater/vater-utility.directive.js

@@ -0,0 +1,53 @@
+//#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 { booleanAttribute, computed, Directive, input } from '@angular/core';
+import * as i0 from "@angular/core";
+/* eslint-disable @angular-eslint/no-input-rename */
+export class VaterUtilityDirective {
+    /** Center the element horizontally and vertically. */
+    center = input(false, { transform: booleanAttribute });
+    /** Stretch the element to fill the available space in one or both directions. */
+    fill = input();
+    /** Position the element absolute with the provided inset value. */
+    inset = input();
+    /** Make the element scrollable. */
+    scrollable = input(false, { transform: booleanAttribute });
+    // Computed class names
+    fillClass = computed(() => this.fill() && `vater-fill-${this.fill()}`);
+    insetClass = computed(() => this.inset() && `vater-inset-${this.inset()}`);
+    class = computed(() => [this.fillClass(), this.insetClass()].filter(Boolean));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: VaterUtilityDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.3", type: VaterUtilityDirective, isStandalone: true, selector: "[vater]", inputs: { center: { classPropertyName: "center", publicName: "center", isSignal: true, isRequired: false, transformFunction: null }, fill: { classPropertyName: "fill", publicName: "fill", isSignal: true, isRequired: false, transformFunction: null }, inset: { classPropertyName: "inset", publicName: "inset", isSignal: true, isRequired: false, transformFunction: null }, scrollable: { classPropertyName: "scrollable", publicName: "scrollable", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "class()", "class.vater-center": "center()", "class.vater-scrollable": "scrollable()", "attr.center": "null", "attr.fill": "null", "attr.inset": "null", "attr.scrollable": "null" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: VaterUtilityDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[vater]',
+                    host: {
+                        '[class]': 'class()',
+                        '[class.vater-center]': 'center()',
+                        '[class.vater-scrollable]': 'scrollable()',
+                        '[attr.center]': 'null',
+                        '[attr.fill]': 'null',
+                        '[attr.inset]': 'null',
+                        '[attr.scrollable]': 'null',
+                    },
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmF0ZXItdXRpbGl0eS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL3dhdHQvcGFja2FnZS92YXRlci92YXRlci11dGlsaXR5LmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpQkFBaUI7QUFDakI7Ozs7Ozs7Ozs7Ozs7OztHQWVHO0FBQ0gsWUFBWTtBQUNaLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFHN0Usb0RBQW9EO0FBYXBELE1BQU0sT0FBTyxxQkFBcUI7SUFDaEMsc0RBQXNEO0lBQ3RELE1BQU0sR0FBRyxLQUFLLENBQUMsS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLENBQUMsQ0FBQztJQUV2RCxpRkFBaUY7SUFDakYsSUFBSSxHQUFHLEtBQUssRUFBUSxDQUFDO0lBRXJCLG1FQUFtRTtJQUNuRSxLQUFLLEdBQUcsS0FBSyxFQUFTLENBQUM7SUFFdkIsbUNBQW1DO0lBQ25DLFVBQVUsR0FBRyxLQUFLLENBQUMsS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLENBQUMsQ0FBQztJQUUzRCx1QkFBdUI7SUFDYixTQUFTLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsSUFBSSxjQUFjLElBQUksQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFDdkUsVUFBVSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLElBQUksZUFBZSxJQUFJLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBQzNFLEtBQUssR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFLEVBQUUsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7dUdBaEI3RSxxQkFBcUI7MkZBQXJCLHFCQUFxQjs7MkZBQXJCLHFCQUFxQjtrQkFaakMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsU0FBUztvQkFDbkIsSUFBSSxFQUFFO3dCQUNKLFNBQVMsRUFBRSxTQUFTO3dCQUNwQixzQkFBc0IsRUFBRSxVQUFVO3dCQUNsQywwQkFBMEIsRUFBRSxjQUFjO3dCQUMxQyxlQUFlLEVBQUUsTUFBTTt3QkFDdkIsYUFBYSxFQUFFLE1BQU07d0JBQ3JCLGNBQWMsRUFBRSxNQUFNO3dCQUN0QixtQkFBbUIsRUFBRSxNQUFNO3FCQUM1QjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbIi8vI3JlZ2lvbiBMaWNlbnNlXG4vKipcbiAqIEBsaWNlbnNlXG4gKiBDb3B5cmlnaHQgMjAyMCBFbmVyZ2luZXQgRGF0YUh1YiBBL1NcbiAqXG4gKiBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlMlwiKTtcbiAqIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vLyNlbmRyZWdpb25cbmltcG9ydCB7IGJvb2xlYW5BdHRyaWJ1dGUsIGNvbXB1dGVkLCBEaXJlY3RpdmUsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGaWxsLCBJbnNldCB9IGZyb20gJy4vdHlwZXMnO1xuXG4vKiBlc2xpbnQtZGlzYWJsZSBAYW5ndWxhci1lc2xpbnQvbm8taW5wdXQtcmVuYW1lICovXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbdmF0ZXJdJyxcbiAgaG9zdDoge1xuICAgICdbY2xhc3NdJzogJ2NsYXNzKCknLFxuICAgICdbY2xhc3MudmF0ZXItY2VudGVyXSc6ICdjZW50ZXIoKScsXG4gICAgJ1tjbGFzcy52YXRlci1zY3JvbGxhYmxlXSc6ICdzY3JvbGxhYmxlKCknLFxuICAgICdbYXR0ci5jZW50ZXJdJzogJ251bGwnLFxuICAgICdbYXR0ci5maWxsXSc6ICdudWxsJyxcbiAgICAnW2F0dHIuaW5zZXRdJzogJ251bGwnLFxuICAgICdbYXR0ci5zY3JvbGxhYmxlXSc6ICdudWxsJyxcbiAgfSxcbn0pXG5leHBvcnQgY2xhc3MgVmF0ZXJVdGlsaXR5RGlyZWN0aXZlIHtcbiAgLyoqIENlbnRlciB0aGUgZWxlbWVudCBob3Jpem9udGFsbHkgYW5kIHZlcnRpY2FsbHkuICovXG4gIGNlbnRlciA9IGlucHV0KGZhbHNlLCB7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KTtcblxuICAvKiogU3RyZXRjaCB0aGUgZWxlbWVudCB0byBmaWxsIHRoZSBhdmFpbGFibGUgc3BhY2UgaW4gb25lIG9yIGJvdGggZGlyZWN0aW9ucy4gKi9cbiAgZmlsbCA9IGlucHV0PEZpbGw+KCk7XG5cbiAgLyoqIFBvc2l0aW9uIHRoZSBlbGVtZW50IGFic29sdXRlIHdpdGggdGhlIHByb3ZpZGVkIGluc2V0IHZhbHVlLiAqL1xuICBpbnNldCA9IGlucHV0PEluc2V0PigpO1xuXG4gIC8qKiBNYWtlIHRoZSBlbGVtZW50IHNjcm9sbGFibGUuICovXG4gIHNjcm9sbGFibGUgPSBpbnB1dChmYWxzZSwgeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSk7XG5cbiAgLy8gQ29tcHV0ZWQgY2xhc3MgbmFtZXNcbiAgcHJvdGVjdGVkIGZpbGxDbGFzcyA9IGNvbXB1dGVkKCgpID0+IHRoaXMuZmlsbCgpICYmIGB2YXRlci1maWxsLSR7dGhpcy5maWxsKCl9YCk7XG4gIHByb3RlY3RlZCBpbnNldENsYXNzID0gY29tcHV0ZWQoKCkgPT4gdGhpcy5pbnNldCgpICYmIGB2YXRlci1pbnNldC0ke3RoaXMuaW5zZXQoKX1gKTtcbiAgcHJvdGVjdGVkIGNsYXNzID0gY29tcHV0ZWQoKCkgPT4gW3RoaXMuZmlsbENsYXNzKCksIHRoaXMuaW5zZXRDbGFzcygpXS5maWx0ZXIoQm9vbGVhbikpO1xufVxuIl19

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

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW5lcmdpbmV0LXdhdHQteWVhci1maWVsZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvd2F0dC9wYWNrYWdlL3llYXItZmllbGQvZW5lcmdpbmV0LXdhdHQteWVhci1maWVsZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==

package/esm2022/year-field/index.js

@@ -0,0 +1,20 @@
+//#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 { WattYearField, YEAR_FORMAT } from './watt-year-field.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL3dhdHQvcGFja2FnZS95ZWFyLWZpZWxkL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGlCQUFpQjtBQUNqQjs7Ozs7Ozs7Ozs7Ozs7O0dBZUc7QUFDSCxZQUFZO0FBQ1osT0FBTyxFQUFFLGFBQWEsRUFBRSxXQUFXLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8vI3JlZ2lvbiBMaWNlbnNlXG4vKipcbiAqIEBsaWNlbnNlXG4gKiBDb3B5cmlnaHQgMjAyMCBFbmVyZ2luZXQgRGF0YUh1YiBBL1NcbiAqXG4gKiBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlMlwiKTtcbiAqIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vLyNlbmRyZWdpb25cbmV4cG9ydCB7IFdhdHRZZWFyRmllbGQsIFlFQVJfRk9STUFUIH0gZnJvbSAnLi93YXR0LXllYXItZmllbGQuY29tcG9uZW50JztcbiJdfQ==

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

@@ -0,0 +1,256 @@
+//#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 { 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 */
+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;
+    instance = WattYearField.instance++;
+    anchorName = `--watt-year-field-popover-anchor-${this.instance}`;
+    // The format of the inner FormControl is different from that of the outer FormControl
+    control = new FormControl('', { nonNullable: true });
+    // `registerOnChange` may subscribe to this component after it has been destroyed, thus
+    // triggering an NG0911 from the `takeUntilDestroyed` operator. By sharing the observable,
+    // the observable will already be closed and `subscribe` becomes a proper noop.
+    valueChanges = this.control.valueChanges.pipe(takeUntilDestroyed(), share());
+    year = toSignal(this.valueChanges);
+    selected = computed(() => {
+        const date = dayjs(this.year(), YEAR_FORMAT, true);
+        if (date.isValid())
+            return date.toDate();
+        return undefined;
+    });
+    // This is used to reset the MatCalendar component by destroying and then recreating it
+    // whenever the picker is opened. There is no methods to do it programatically.
+    isOpen = signal(false);
+    /** Set the label text for `watt-field`. */
+    label = input('');
+    /** The minimum selectable date. */
+    min = input();
+    /** The maximum selectable date. */
+    max = input();
+    /** Enable buttons to step through years. */
+    canStepThroughYears = input(false, { transform: booleanAttribute });
+    /** Emits when the selected year has changed. */
+    yearChange = outputFromObservable(this.valueChanges);
+    /** Emits when the field loses focus. */
+    // eslint-disable-next-line @angular-eslint/no-output-native
+    blur = output();
+    isPrevYearButtonDisabled = computed(() => this.isPrevYearBeforeOrEqualToMinDate());
+    isNextYearButtonDisabled = computed(() => this.isNextYearAfterOrEqualToMaxDate());
+    handleFocus = (picker) => {
+        this.isOpen.set(true);
+        picker.showPopover();
+    };
+    handleBlur = (picker, event) => {
+        if (event.relatedTarget instanceof HTMLElement && picker.contains(event.relatedTarget)) {
+            const target = event.target; // safe type assertion
+            setTimeout(() => target.focus()); // keep focus on input element while using the picker
+        }
+        else {
+            picker.hidePopover();
+            this.isOpen.set(false);
+            this.blur.emit(event);
+        }
+    };
+    handleSelectedChange = (field, date) => {
+        field.value = dayjs(date).format(YEAR_FORMAT);
+        field.dispatchEvent(new Event('input', { bubbles: true }));
+        setTimeout(() => field.blur());
+    };
+    // Implementation for ControlValueAccessor
+    writeValue = (value) => this.control.setValue(value ?? '');
+    setDisabledState = (x) => (x ? this.control.disable() : this.control.enable());
+    registerOnTouched = (fn) => this.blur.subscribe(fn);
+    registerOnChange = (fn) => this.valueChanges.subscribe(fn);
+    /**
+     * @ignore
+     */
+    prevYear(field) {
+        this.changeYear(field, -1);
+    }
+    /**
+     * @ignore
+     */
+    nextYear(field) {
+        this.changeYear(field, 1);
+    }
+    /**
+     * @ignore
+     */
+    changeYear(field, value) {
+        const currentDate = dayjs(field.value, YEAR_FORMAT, true);
+        if (!currentDate.isValid())
+            return;
+        const newDate = currentDate.add(value, 'year');
+        this.handleSelectedChange(field, newDate.toDate());
+    }
+    /**
+     * @ignore
+     */
+    isPrevYearBeforeOrEqualToMinDate() {
+        const min = this.min();
+        if (!min)
+            return false;
+        const selectedDate = dayjs(this.selected());
+        const isBefore = selectedDate.isBefore(min, 'year');
+        const isSame = selectedDate.isSame(min, 'year');
+        return isSame || isBefore;
+    }
+    /**
+     * @ignore
+     */
+    isNextYearAfterOrEqualToMaxDate() {
+        const max = this.max();
+        if (!max)
+            return false;
+        const selectedDate = dayjs(this.selected());
+        const isAfter = selectedDate.isAfter(max, 'year');
+        const isSame = selectedDate.isSame(max, 'year');
+        return isSame || isAfter;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: WattYearField, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.3", type: WattYearField, isStandalone: true, selector: "watt-year-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, canStepThroughYears: { classPropertyName: "canStepThroughYears", publicName: "canStepThroughYears", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { yearChange: "yearChange", blur: "blur" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => WattYearField),
+                multi: true,
+            },
+        ], ngImport: i0, template: `
+    <watt-field [label]="label()" [control]="control" [anchorName]="anchorName">
+      <input
+        #field
+        readonly
+        [formControl]="control"
+        (focus)="handleFocus(picker)"
+        (blur)="handleBlur(picker, $event)"
+      />
+      <watt-button icon="date" variant="icon" (click)="field.focus()" />
+      <div
+        #picker
+        class="watt-elevation watt-year-field-picker"
+        popover="manual"
+        tabindex="0"
+        [style.position-anchor]="anchorName"
+      >
+        @if (isOpen()) {
+          <mat-calendar
+            startView="multi-year"
+            [startAt]="selected()"
+            [selected]="selected()"
+            [minDate]="min()"
+            [maxDate]="max()"
+            (yearSelected)="handleSelectedChange(field, $event)"
+          />
+        }
+      </div>
+      <ng-content />
+      <ng-content select="watt-field-error" ngProjectAs="watt-field-error" />
+      <ng-content select="watt-field-hint" ngProjectAs="watt-field-hint" />
+    </watt-field>
+
+    @if (canStepThroughYears()) {
+      <span class="watt-year-field__step-through" [class.watt-year-field__has-label]="!!label()">
+        <watt-button
+          variant="icon"
+          icon="left"
+          (click)="prevYear(field)"
+          [disabled]="control.disabled || isPrevYearButtonDisabled()"
+        />
+        <watt-button
+          variant="icon"
+          icon="right"
+          (click)="nextYear(field)"
+          [disabled]="control.disabled || isNextYearButtonDisabled()"
+        />
+      </span>
+    }
+  `, isInline: true, 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"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: MatCalendar, selector: "mat-calendar", inputs: ["headerComponent", "startAt", "startView", "selected", "minDate", "maxDate", "dateFilter", "dateClass", "comparisonStart", "comparisonEnd", "startDateAccessibleName", "endDateAccessibleName"], outputs: ["selectedChange", "yearSelected", "monthSelected", "viewChanged", "_userSelection", "_userDragDrop"], exportAs: ["matCalendar"] }, { kind: "component", type: WattButtonComponent, selector: "watt-button", inputs: ["icon", "variant", "size", "type", "formId", "disabled", "loading"] }, { kind: "component", type: WattFieldComponent, selector: "watt-field", inputs: ["control", "label", "id", "chipMode", "tooltip", "placeholder", "anchorName"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: WattYearField, decorators: [{
+            type: Component,
+            args: [{ selector: 'watt-year-field', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => WattYearField),
+                            multi: true,
+                        },
+                    ], imports: [ReactiveFormsModule, MatCalendar, WattButtonComponent, WattFieldComponent], template: `
+    <watt-field [label]="label()" [control]="control" [anchorName]="anchorName">
+      <input
+        #field
+        readonly
+        [formControl]="control"
+        (focus)="handleFocus(picker)"
+        (blur)="handleBlur(picker, $event)"
+      />
+      <watt-button icon="date" variant="icon" (click)="field.focus()" />
+      <div
+        #picker
+        class="watt-elevation watt-year-field-picker"
+        popover="manual"
+        tabindex="0"
+        [style.position-anchor]="anchorName"
+      >
+        @if (isOpen()) {
+          <mat-calendar
+            startView="multi-year"
+            [startAt]="selected()"
+            [selected]="selected()"
+            [minDate]="min()"
+            [maxDate]="max()"
+            (yearSelected)="handleSelectedChange(field, $event)"
+          />
+        }
+      </div>
+      <ng-content />
+      <ng-content select="watt-field-error" ngProjectAs="watt-field-error" />
+      <ng-content select="watt-field-hint" ngProjectAs="watt-field-hint" />
+    </watt-field>
+
+    @if (canStepThroughYears()) {
+      <span class="watt-year-field__step-through" [class.watt-year-field__has-label]="!!label()">
+        <watt-button
+          variant="icon"
+          icon="left"
+          (click)="prevYear(field)"
+          [disabled]="control.disabled || isPrevYearButtonDisabled()"
+        />
+        <watt-button
+          variant="icon"
+          icon="right"
+          (click)="nextYear(field)"
+          [disabled]="control.disabled || isNextYearButtonDisabled()"
+        />
+      </span>
+    }
+  `, 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"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2F0dC15ZWFyLWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvd2F0dC9wYWNrYWdlL3llYXItZmllbGQvd2F0dC15ZWFyLWZpZWxkLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpQkFBaUI7QUFDakI7Ozs7Ozs7Ozs7Ozs7OztHQWVHO0FBQ0gsWUFBWTtBQUNaLE9BQU8sRUFDTCxLQUFLLEVBQ0wsTUFBTSxFQUNOLE1BQU0sRUFDTixRQUFRLEVBQ1IsU0FBUyxFQUNULFVBQVUsRUFDVixpQkFBaUIsRUFDakIsdUJBQXVCLEVBQ3ZCLGdCQUFnQixHQUNqQixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQ0wsV0FBVyxFQUNYLGlCQUFpQixFQUNqQixtQkFBbUIsR0FFcEIsTUFBTSxnQkFBZ0IsQ0FBQztBQUV4QixPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzdCLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsa0JBQWtCLEVBQUUsUUFBUSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFFaEcsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ2xELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQzNELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7QUFFN0QsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFHLE1BQU0sQ0FBQztBQUVsQywyREFBMkQ7QUFrRzNELE1BQU0sT0FBTyxhQUFhO0lBQ3hCLDJGQUEyRjtJQUMzRiwyRkFBMkY7SUFDbkYsTUFBTSxDQUFDLFFBQVEsR0FBRyxDQUFDLENBQUM7SUFDcEIsUUFBUSxHQUFHLGFBQWEsQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUNsQyxVQUFVLEdBQUcsb0NBQW9DLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUUzRSxzRkFBc0Y7SUFDNUUsT0FBTyxHQUFHLElBQUksV0FBVyxDQUFDLEVBQUUsRUFBRSxFQUFFLFdBQVcsRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDO0lBRS9ELHVGQUF1RjtJQUN2RiwwRkFBMEY7SUFDMUYsK0VBQStFO0lBQ3ZFLFlBQVksR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsa0JBQWtCLEVBQUUsRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFDO0lBQzdFLElBQUksR0FBRyxRQUFRLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO0lBQ2pDLFFBQVEsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFO1FBQ2pDLE1BQU0sSUFBSSxHQUFHLEtBQUssQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLEVBQUUsV0FBVyxFQUFFLElBQUksQ0FBQyxDQUFDO1FBQ25ELElBQUksSUFBSSxDQUFDLE9BQU8sRUFBRTtZQUFFLE9BQU8sSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO1FBQ3pDLE9BQU8sU0FBUyxDQUFDO0lBQ25CLENBQUMsQ0FBQyxDQUFDO0lBRUgsdUZBQXVGO0lBQ3ZGLCtFQUErRTtJQUNyRSxNQUFNLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBRWpDLDJDQUEyQztJQUMzQyxLQUFLLEdBQUcsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBRWxCLG1DQUFtQztJQUNuQyxHQUFHLEdBQUcsS0FBSyxFQUFRLENBQUM7SUFFcEIsbUNBQW1DO0lBQ25DLEdBQUcsR0FBRyxLQUFLLEVBQVEsQ0FBQztJQUVwQiw0Q0FBNEM7SUFDNUMsbUJBQW1CLEdBQUcsS0FBSyxDQUFDLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxDQUFDLENBQUM7SUFFcEUsZ0RBQWdEO0lBQ2hELFVBQVUsR0FBRyxvQkFBb0IsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7SUFFckQsd0NBQXdDO0lBQ3hDLDREQUE0RDtJQUM1RCxJQUFJLEdBQUcsTUFBTSxFQUFjLENBQUM7SUFFNUIsd0JBQXdCLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxnQ0FBZ0MsRUFBRSxDQUFDLENBQUM7SUFDbkYsd0JBQXdCLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQywrQkFBK0IsRUFBRSxDQUFDLENBQUM7SUFFeEUsV0FBVyxHQUFHLENBQUMsTUFBbUIsRUFBRSxFQUFFO1FBQzlDLElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ3RCLE1BQU0sQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUN2QixDQUFDLENBQUM7SUFFUSxVQUFVLEdBQUcsQ0FBQyxNQUFtQixFQUFFLEtBQWlCLEVBQUUsRUFBRTtRQUNoRSxJQUFJLEtBQUssQ0FBQyxhQUFhLFlBQVksV0FBVyxJQUFJLE1BQU0sQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxFQUFFLENBQUM7WUFDdkYsTUFBTSxNQUFNLEdBQUcsS0FBSyxDQUFDLE1BQTBCLENBQUMsQ0FBQyxzQkFBc0I7WUFDdkUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLE1BQU0sQ0FBQyxLQUFLLEVBQUUsQ0FBQyxDQUFDLENBQUMscURBQXFEO1FBQ3pGLENBQUM7YUFBTSxDQUFDO1lBQ04sTUFBTSxDQUFDLFdBQVcsRUFBRSxDQUFDO1lBQ3JCLElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQ3ZCLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3hCLENBQUM7SUFDSCxDQUFDLENBQUM7SUFFUSxvQkFBb0IsR0FBRyxDQUFDLEtBQXVCLEVBQUUsSUFBVSxFQUFFLEVBQUU7UUFDdkUsS0FBSyxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUMsTUFBTSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQzlDLEtBQUssQ0FBQyxhQUFhLENBQUMsSUFBSSxLQUFLLENBQUMsT0FBTyxFQUFFLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxDQUFDLENBQUMsQ0FBQztRQUMzRCxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsS0FBSyxDQUFDLElBQUksRUFBRSxDQUFDLENBQUM7SUFDakMsQ0FBQyxDQUFDO0lBRUYsMENBQTBDO0lBQzFDLFVBQVUsR0FBRyxDQUFDLEtBQW9CLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLEtBQUssSUFBSSxFQUFFLENBQUMsQ0FBQztJQUMxRSxnQkFBZ0IsR0FBRyxDQUFDLENBQVUsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxFQUFFLENBQUMsQ0FBQztJQUN4RixpQkFBaUIsR0FBRyxDQUFDLEVBQWMsRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDaEUsZ0JBQWdCLEdBQUcsQ0FBQyxFQUFrQyxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLFNBQVMsQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUUzRjs7T0FFRztJQUNPLFFBQVEsQ0FBQyxLQUF1QjtRQUN4QyxJQUFJLENBQUMsVUFBVSxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQzdCLENBQUM7SUFDRDs7T0FFRztJQUNPLFFBQVEsQ0FBQyxLQUF1QjtRQUN4QyxJQUFJLENBQUMsVUFBVSxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUMsQ0FBQztJQUM1QixDQUFDO0lBRUQ7O09BRUc7SUFDSyxVQUFVLENBQUMsS0FBdUIsRUFBRSxLQUFhO1FBQ3ZELE1BQU0sV0FBVyxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsS0FBSyxFQUFFLFdBQVcsRUFBRSxJQUFJLENBQUMsQ0FBQztRQUUxRCxJQUFJLENBQUMsV0FBVyxDQUFDLE9BQU8sRUFBRTtZQUFFLE9BQU87UUFFbkMsTUFBTSxPQUFPLEdBQUcsV0FBVyxDQUFDLEdBQUcsQ0FBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLENBQUM7UUFDL0MsSUFBSSxDQUFDLG9CQUFvQixDQUFDLEtBQUssRUFBRSxPQUFPLENBQUMsTUFBTSxFQUFFLENBQUMsQ0FBQztJQUNyRCxDQUFDO0lBRUQ7O09BRUc7SUFDSCxnQ0FBZ0M7UUFDOUIsTUFBTSxHQUFHLEdBQUcsSUFBSSxDQUFDLEdBQUcsRUFBRSxDQUFDO1FBRXZCLElBQUksQ0FBQyxHQUFHO1lBQUUsT0FBTyxLQUFLLENBQUM7UUFFdkIsTUFBTSxZQUFZLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDO1FBRTVDLE1BQU0sUUFBUSxHQUFHLFlBQVksQ0FBQyxRQUFRLENBQUMsR0FBRyxFQUFFLE1BQU0sQ0FBQyxDQUFDO1FBQ3BELE1BQU0sTUFBTSxHQUFHLFlBQVksQ0FBQyxNQUFNLENBQUMsR0FBRyxFQUFFLE1BQU0sQ0FBQyxDQUFDO1FBRWhELE9BQU8sTUFBTSxJQUFJLFFBQVEsQ0FBQztJQUM1QixDQUFDO0lBRUQ7O09BRUc7SUFDSCwrQkFBK0I7UUFDN0IsTUFBTSxHQUFHLEdBQUcsSUFBSSxDQUFDLEdBQUcsRUFBRSxDQUFDO1FBRXZCLElBQUksQ0FBQyxHQUFHO1lBQUUsT0FBTyxLQUFLLENBQUM7UUFFdkIsTUFBTSxZQUFZLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDO1FBRTVDLE1BQU0sT0FBTyxHQUFHLFlBQVksQ0FBQyxPQUFPLENBQUMsR0FBRyxFQUFFLE1BQU0sQ0FBQyxDQUFDO1FBQ2xELE1BQU0sTUFBTSxHQUFHLFlBQVksQ0FBQyxNQUFNLENBQUMsR0FBRyxFQUFFLE1BQU0sQ0FBQyxDQUFDO1FBRWhELE9BQU8sTUFBTSxJQUFJLE9BQU8sQ0FBQztJQUMzQixDQUFDO3VHQWxJVSxhQUFhOzJGQUFiLGFBQWEsNm5CQTdGYjtZQUNUO2dCQUNFLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsYUFBYSxDQUFDO2dCQUM1QyxLQUFLLEVBQUUsSUFBSTthQUNaO1NBQ0YsMEJBb0NTOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBaURULCtpQkFwRlMsbUJBQW1CLDBrQkFBRSxXQUFXLDhZQUFFLG1CQUFtQixzSUFBRSxrQkFBa0I7OzJGQXNGeEUsYUFBYTtrQkFqR3pCLFNBQVM7K0JBQ0UsaUJBQWlCLGlCQUNaLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sYUFDcEM7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsY0FBYyxDQUFDOzRCQUM1QyxLQUFLLEVBQUUsSUFBSTt5QkFDWjtxQkFDRixXQUNRLENBQUMsbUJBQW1CLEVBQUUsV0FBVyxFQUFFLG1CQUFtQixFQUFFLGtCQUFrQixDQUFDLFlBbUMxRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQWlEVCIsInNvdXJjZXNDb250ZW50IjpbIi8vI3JlZ2lvbiBMaWNlbnNlXG4vKipcbiAqIEBsaWNlbnNlXG4gKiBDb3B5cmlnaHQgMjAyMCBFbmVyZ2luZXQgRGF0YUh1YiBBL1NcbiAqXG4gKiBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlMlwiKTtcbiAqIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vLyNlbmRyZWdpb25cbmltcG9ydCB7XG4gIGlucHV0LFxuICBvdXRwdXQsXG4gIHNpZ25hbCxcbiAgY29tcHV0ZWQsXG4gIENvbXBvbmVudCxcbiAgZm9yd2FyZFJlZixcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBib29sZWFuQXR0cmlidXRlLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHtcbiAgRm9ybUNvbnRyb2wsXG4gIE5HX1ZBTFVFX0FDQ0VTU09SLFxuICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxuICBDb250cm9sVmFsdWVBY2Nlc3Nvcixcbn0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5pbXBvcnQgeyBzaGFyZSB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgTWF0Q2FsZW5kYXIgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kYXRlcGlja2VyJztcbmltcG9ydCB7IG91dHB1dEZyb21PYnNlcnZhYmxlLCB0YWtlVW50aWxEZXN0cm95ZWQsIHRvU2lnbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZS9yeGpzLWludGVyb3AnO1xuXG5pbXBvcnQgeyBkYXlqcyB9IGZyb20gJ0BlbmVyZ2luZXQvd2F0dC9jb3JlL2RhdGUnO1xuaW1wb3J0IHsgV2F0dEZpZWxkQ29tcG9uZW50IH0gZnJvbSAnQGVuZXJnaW5ldC93YXR0L2ZpZWxkJztcbmltcG9ydCB7IFdhdHRCdXR0b25Db21wb25lbnQgfSBmcm9tICdAZW5lcmdpbmV0L3dhdHQvYnV0dG9uJztcblxuZXhwb3J0IGNvbnN0IFlFQVJfRk9STUFUID0gJ1lZWVknO1xuXG4vKiBlc2xpbnQtZGlzYWJsZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LWNsYXNzLXN1ZmZpeCAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnd2F0dC15ZWFyLWZpZWxkJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gV2F0dFllYXJGaWVsZCksXG4gICAgICBtdWx0aTogdHJ1ZSxcbiAgICB9LFxuICBdLFxuICBpbXBvcnRzOiBbUmVhY3RpdmVGb3Jtc01vZHVsZSwgTWF0Q2FsZW5kYXIsIFdhdHRCdXR0b25Db21wb25lbnQsIFdhdHRGaWVsZENvbXBvbmVudF0sXG4gIHN0eWxlczogW1xuICAgIGBcbiAgICAgIHdhdHQteWVhci1maWVsZCB7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICB3aWR0aDogMTAwJTtcblxuICAgICAgICAmOmhhcygud2F0dC15ZWFyLWZpZWxkX19zdGVwLXRocm91Z2gpIHtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtYWxpZ246IGZsZXgtc3RhcnQ7XG5cbiAgICAgICAgICAud2F0dC15ZWFyLWZpZWxkX19zdGVwLXRocm91Z2gge1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAmOmhhcygud2F0dC15ZWFyLWZpZWxkX19oYXMtbGFiZWwpIHtcbiAgICAgICAgICAud2F0dC15ZWFyLWZpZWxkX19zdGVwLXRocm91Z2gge1xuICAgICAgICAgICAgbWFyZ2luLXRvcDogMjhweDtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH1cblxuICAgICAgLndhdHQteWVhci1maWVsZC1waWNrZXIge1xuICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICAgIHBvc2l0aW9uLWFyZWE6IGJvdHRvbSBzcGFuLXJpZ2h0O1xuICAgICAgICBwb3NpdGlvbi10cnktZmFsbGJhY2tzOiBmbGlwLWJsb2NrO1xuICAgICAgICB3aWR0aDogMjk2cHg7XG4gICAgICAgIGhlaWdodDogMzU0cHg7XG4gICAgICAgIGluc2V0OiB1bnNldDtcbiAgICAgICAgbWFyZ2luOiB1bnNldDtcbiAgICAgICAgYm9yZGVyOiAwO1xuICAgICAgfVxuICAgIGAsXG4gIF0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPHdhdHQtZmllbGQgW2xhYmVsXT1cImxhYmVsKClcIiBbY29udHJvbF09XCJjb250cm9sXCIgW2FuY2hvck5hbWVdPVwiYW5jaG9yTmFtZVwiPlxuICAgICAgPGlucHV0XG4gICAgICAgICNmaWVsZFxuICAgICAgICByZWFkb25seVxuICAgICAgICBbZm9ybUNvbnRyb2xdPVwiY29udHJvbFwiXG4gICAgICAgIChmb2N1cyk9XCJoYW5kbGVGb2N1cyhwaWNrZXIpXCJcbiAgICAgICAgKGJsdXIpPVwiaGFuZGxlQmx1cihwaWNrZXIsICRldmVudClcIlxuICAgICAgLz5cbiAgICAgIDx3YXR0LWJ1dHRvbiBpY29uPVwiZGF0ZVwiIHZhcmlhbnQ9XCJpY29uXCIgKGNsaWNrKT1cImZpZWxkLmZvY3VzKClcIiAvPlxuICAgICAgPGRpdlxuICAgICAgICAjcGlja2VyXG4gICAgICAgIGNsYXNzPVwid2F0dC1lbGV2YXRpb24gd2F0dC15ZWFyLWZpZWxkLXBpY2tlclwiXG4gICAgICAgIHBvcG92ZXI9XCJtYW51YWxcIlxuICAgICAgICB0YWJpbmRleD1cIjBcIlxuICAgICAgICBbc3R5bGUucG9zaXRpb24tYW5jaG9yXT1cImFuY2hvck5hbWVcIlxuICAgICAgPlxuICAgICAgICBAaWYgKGlzT3BlbigpKSB7XG4gICAgICAgICAgPG1hdC1jYWxlbmRhclxuICAgICAgICAgICAgc3RhcnRWaWV3PVwibXVsdGkteWVhclwiXG4gICAgICAgICAgICBbc3RhcnRBdF09XCJzZWxlY3RlZCgpXCJcbiAgICAgICAgICAgIFtzZWxlY3RlZF09XCJzZWxlY3RlZCgpXCJcbiAgICAgICAgICAgIFttaW5EYXRlXT1cIm1pbigpXCJcbiAgICAgICAgICAgIFttYXhEYXRlXT1cIm1heCgpXCJcbiAgICAgICAgICAgICh5ZWFyU2VsZWN0ZWQpPVwiaGFuZGxlU2VsZWN0ZWRDaGFuZ2UoZmllbGQsICRldmVudClcIlxuICAgICAgICAgIC8+XG4gICAgICAgIH1cbiAgICAgIDwvZGl2PlxuICAgICAgPG5nLWNvbnRlbnQgLz5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIndhdHQtZmllbGQtZXJyb3JcIiBuZ1Byb2plY3RBcz1cIndhdHQtZmllbGQtZXJyb3JcIiAvPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwid2F0dC1maWVsZC1oaW50XCIgbmdQcm9qZWN0QXM9XCJ3YXR0LWZpZWxkLWhpbnRcIiAvPlxuICAgIDwvd2F0dC1maWVsZD5cblxuICAgIEBpZiAoY2FuU3RlcFRocm91Z2hZZWFycygpKSB7XG4gICAgICA8c3BhbiBjbGFzcz1cIndhdHQteWVhci1maWVsZF9fc3RlcC10aHJvdWdoXCIgW2NsYXNzLndhdHQteWVhci1maWVsZF9faGFzLWxhYmVsXT1cIiEhbGFiZWwoKVwiPlxuICAgICAgICA8d2F0dC1idXR0b25cbiAgICAgICAgICB2YXJpYW50PVwiaWNvblwiXG4gICAgICAgICAgaWNvbj1cImxlZnRcIlxuICAgICAgICAgIChjbGljayk9XCJwcmV2WWVhcihmaWVsZClcIlxuICAgICAgICAgIFtkaXNhYmxlZF09XCJjb250cm9sLmRpc2FibGVkIHx8IGlzUHJldlllYXJCdXR0b25EaXNhYmxlZCgpXCJcbiAgICAgICAgLz5cbiAgICAgICAgPHdhdHQtYnV0dG9uXG4gICAgICAgICAgdmFyaWFudD1cImljb25cIlxuICAgICAgICAgIGljb249XCJyaWdodFwiXG4gICAgICAgICAgKGNsaWNrKT1cIm5leHRZZWFyKGZpZWxkKVwiXG4gICAgICAgICAgW2Rpc2FibGVkXT1cImNvbnRyb2wuZGlzYWJsZWQgfHwgaXNOZXh0WWVhckJ1dHRvbkRpc2FibGVkKClcIlxuICAgICAgICAvPlxuICAgICAgPC9zcGFuPlxuICAgIH1cbiAgYCxcbn0pXG5leHBvcnQgY2xhc3MgV2F0dFllYXJGaWVsZCBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcbiAgLy8gUG9wb3ZlcnMgZXhpc3RzIG9uIGFuIGVudGlyZWx5IGRpZmZlcmVudCBsYXllciwgbWVhbmluZyB0aGF0IGZvciBhbmNob3IgcG9zaXRpb25pbmcgdGhleVxuICAvLyBsb29rIGF0IHRoZSBlbnRpcmUgdHJlZSBmb3IgdGhlIGFuY2hvciBuYW1lLiBUaGlzIGdpdmVzIGVhY2ggZmllbGQgYSB1bmlxdWUgYW5jaG9yIG5hbWUuXG4gIHByaXZhdGUgc3RhdGljIGluc3RhbmNlID0gMDtcbiAgcHJpdmF0ZSBpbnN0YW5jZSA9IFdhdHRZZWFyRmllbGQuaW5zdGFuY2UrKztcbiAgcHJvdGVjdGVkIGFuY2hvck5hbWUgPSBgLS13YXR0LXllYXItZmllbGQtcG9wb3Zlci1hbmNob3ItJHt0aGlzLmluc3RhbmNlfWA7XG5cbiAgLy8gVGhlIGZvcm1hdCBvZiB0aGUgaW5uZXIgRm9ybUNvbnRyb2wgaXMgZGlmZmVyZW50IGZyb20gdGhhdCBvZiB0aGUgb3V0ZXIgRm9ybUNvbnRyb2xcbiAgcHJvdGVjdGVkIGNvbnRyb2wgPSBuZXcgRm9ybUNvbnRyb2woJycsIHsgbm9uTnVsbGFibGU6IHRydWUgfSk7XG5cbiAgLy8gYHJlZ2lzdGVyT25DaGFuZ2VgIG1heSBzdWJzY3JpYmUgdG8gdGhpcyBjb21wb25lbnQgYWZ0ZXIgaXQgaGFzIGJlZW4gZGVzdHJveWVkLCB0aHVzXG4gIC8vIHRyaWdnZXJpbmcgYW4gTkcwOTExIGZyb20gdGhlIGB0YWtlVW50aWxEZXN0cm95ZWRgIG9wZXJhdG9yLiBCeSBzaGFyaW5nIHRoZSBvYnNlcnZhYmxlLFxuICAvLyB0aGUgb2JzZXJ2YWJsZSB3aWxsIGFscmVhZHkgYmUgY2xvc2VkIGFuZCBgc3Vic2NyaWJlYCBiZWNvbWVzIGEgcHJvcGVyIG5vb3AuXG4gIHByaXZhdGUgdmFsdWVDaGFuZ2VzID0gdGhpcy5jb250cm9sLnZhbHVlQ2hhbmdlcy5waXBlKHRha2VVbnRpbERlc3Ryb3llZCgpLCBzaGFyZSgpKTtcbiAgcHJpdmF0ZSB5ZWFyID0gdG9TaWduYWwodGhpcy52YWx1ZUNoYW5nZXMpO1xuICBwcm90ZWN0ZWQgc2VsZWN0ZWQgPSBjb21wdXRlZCgoKSA9PiB7XG4gICAgY29uc3QgZGF0ZSA9IGRheWpzKHRoaXMueWVhcigpLCBZRUFSX0ZPUk1BVCwgdHJ1ZSk7XG4gICAgaWYgKGRhdGUuaXNWYWxpZCgpKSByZXR1cm4gZGF0ZS50b0RhdGUoKTtcbiAgICByZXR1cm4gdW5kZWZpbmVkO1xuICB9KTtcblxuICAvLyBUaGlzIGlzIHVzZWQgdG8gcmVzZXQgdGhlIE1hdENhbGVuZGFyIGNvbXBvbmVudCBieSBkZXN0cm95aW5nIGFuZCB0aGVuIHJlY3JlYXRpbmcgaXRcbiAgLy8gd2hlbmV2ZXIgdGhlIHBpY2tlciBpcyBvcGVuZWQuIFRoZXJlIGlzIG5vIG1ldGhvZHMgdG8gZG8gaXQgcHJvZ3JhbWF0aWNhbGx5LlxuICBwcm90ZWN0ZWQgaXNPcGVuID0gc2lnbmFsKGZhbHNlKTtcblxuICAvKiogU2V0IHRoZSBsYWJlbCB0ZXh0IGZvciBgd2F0dC1maWVsZGAuICovXG4gIGxhYmVsID0gaW5wdXQoJycpO1xuXG4gIC8qKiBUaGUgbWluaW11bSBzZWxlY3RhYmxlIGRhdGUuICovXG4gIG1pbiA9IGlucHV0PERhdGU+KCk7XG5cbiAgLyoqIFRoZSBtYXhpbXVtIHNlbGVjdGFibGUgZGF0ZS4gKi9cbiAgbWF4ID0gaW5wdXQ8RGF0ZT4oKTtcblxuICAvKiogRW5hYmxlIGJ1dHRvbnMgdG8gc3RlcCB0aHJvdWdoIHllYXJzLiAqL1xuICBjYW5TdGVwVGhyb3VnaFllYXJzID0gaW5wdXQoZmFsc2UsIHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pO1xuXG4gIC8qKiBFbWl0cyB3aGVuIHRoZSBzZWxlY3RlZCB5ZWFyIGhhcyBjaGFuZ2VkLiAqL1xuICB5ZWFyQ2hhbmdlID0gb3V0cHV0RnJvbU9ic2VydmFibGUodGhpcy52YWx1ZUNoYW5nZXMpO1xuXG4gIC8qKiBFbWl0cyB3aGVuIHRoZSBmaWVsZCBsb3NlcyBmb2N1cy4gKi9cbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9uby1vdXRwdXQtbmF0aXZlXG4gIGJsdXIgPSBvdXRwdXQ8Rm9jdXNFdmVudD4oKTtcblxuICBpc1ByZXZZZWFyQnV0dG9uRGlzYWJsZWQgPSBjb21wdXRlZCgoKSA9PiB0aGlzLmlzUHJldlllYXJCZWZvcmVPckVxdWFsVG9NaW5EYXRlKCkpO1xuICBpc05leHRZZWFyQnV0dG9uRGlzYWJsZWQgPSBjb21wdXRlZCgoKSA9PiB0aGlzLmlzTmV4dFllYXJBZnRlck9yRXF1YWxUb01heERhdGUoKSk7XG5cbiAgcHJvdGVjdGVkIGhhbmRsZUZvY3VzID0gKHBpY2tlcjogSFRNTEVsZW1lbnQpID0+IHtcbiAgICB0aGlzLmlzT3Blbi5zZXQodHJ1ZSk7XG4gICAgcGlja2VyLnNob3dQb3BvdmVyKCk7XG4gIH07XG5cbiAgcHJvdGVjdGVkIGhhbmRsZUJsdXIgPSAocGlja2VyOiBIVE1MRWxlbWVudCwgZXZlbnQ6IEZvY3VzRXZlbnQpID0+IHtcbiAgICBpZiAoZXZlbnQucmVsYXRlZFRhcmdldCBpbnN0YW5jZW9mIEhUTUxFbGVtZW50ICYmIHBpY2tlci5jb250YWlucyhldmVudC5yZWxhdGVkVGFyZ2V0KSkge1xuICAgICAgY29uc3QgdGFyZ2V0ID0gZXZlbnQudGFyZ2V0IGFzIEhUTUxJbnB1dEVsZW1lbnQ7IC8vIHNhZmUgdHlwZSBhc3NlcnRpb25cbiAgICAgIHNldFRpbWVvdXQoKCkgPT4gdGFyZ2V0LmZvY3VzKCkpOyAvLyBrZWVwIGZvY3VzIG9uIGlucHV0IGVsZW1lbnQgd2hpbGUgdXNpbmcgdGhlIHBpY2tlclxuICAgIH0gZWxzZSB7XG4gICAgICBwaWNrZXIuaGlkZVBvcG92ZXIoKTtcbiAgICAgIHRoaXMuaXNPcGVuLnNldChmYWxzZSk7XG4gICAgICB0aGlzLmJsdXIuZW1pdChldmVudCk7XG4gICAgfVxuICB9O1xuXG4gIHByb3RlY3RlZCBoYW5kbGVTZWxlY3RlZENoYW5nZSA9IChmaWVsZDogSFRNTElucHV0RWxlbWVudCwgZGF0ZTogRGF0ZSkgPT4ge1xuICAgIGZpZWxkLnZhbHVlID0gZGF5anMoZGF0ZSkuZm9ybWF0KFlFQVJfRk9STUFUKTtcbiAgICBmaWVsZC5kaXNwYXRjaEV2ZW50KG5ldyBFdmVudCgnaW5wdXQnLCB7IGJ1YmJsZXM6IHRydWUgfSkpO1xuICAgIHNldFRpbWVvdXQoKCkgPT4gZmllbGQuYmx1cigpKTtcbiAgfTtcblxuICAvLyBJbXBsZW1lbnRhdGlvbiBmb3IgQ29udHJvbFZhbHVlQWNjZXNzb3JcbiAgd3JpdGVWYWx1ZSA9ICh2YWx1ZTogc3RyaW5nIHwgbnVsbCkgPT4gdGhpcy5jb250cm9sLnNldFZhbHVlKHZhbHVlID8/ICcnKTtcbiAgc2V0RGlzYWJsZWRTdGF0ZSA9ICh4OiBib29sZWFuKSA9PiAoeCA/IHRoaXMuY29udHJvbC5kaXNhYmxlKCkgOiB0aGlzLmNvbnRyb2wuZW5hYmxlKCkpO1xuICByZWdpc3Rlck9uVG91Y2hlZCA9IChmbjogKCkgPT4gdm9pZCkgPT4gdGhpcy5ibHVyLnN1YnNjcmliZShmbik7XG4gIHJlZ2lzdGVyT25DaGFuZ2UgPSAoZm46ICh2YWx1ZTogc3RyaW5nIHwgbnVsbCkgPT4gdm9pZCkgPT4gdGhpcy52YWx1ZUNoYW5nZXMuc3Vic2NyaWJlKGZuKTtcblxuICAvKipcbiAgICogQGlnbm9yZVxuICAgKi9cbiAgcHJvdGVjdGVkIHByZXZZZWFyKGZpZWxkOiBIVE1MSW5wdXRFbGVtZW50KTogdm9pZCB7XG4gICAgdGhpcy5jaGFuZ2VZZWFyKGZpZWxkLCAtMSk7XG4gIH1cbiAgLyoqXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIHByb3RlY3RlZCBuZXh0WWVhcihmaWVsZDogSFRNTElucHV0RWxlbWVudCk6IHZvaWQge1xuICAgIHRoaXMuY2hhbmdlWWVhcihmaWVsZCwgMSk7XG4gIH1cblxuICAvKipcbiAgICogQGlnbm9yZVxuICAgKi9cbiAgcHJpdmF0ZSBjaGFuZ2VZZWFyKGZpZWxkOiBIVE1MSW5wdXRFbGVtZW50LCB2YWx1ZTogbnVtYmVyKTogdm9pZCB7XG4gICAgY29uc3QgY3VycmVudERhdGUgPSBkYXlqcyhmaWVsZC52YWx1ZSwgWUVBUl9GT1JNQVQsIHRydWUpO1xuXG4gICAgaWYgKCFjdXJyZW50RGF0ZS5pc1ZhbGlkKCkpIHJldHVybjtcblxuICAgIGNvbnN0IG5ld0RhdGUgPSBjdXJyZW50RGF0ZS5hZGQodmFsdWUsICd5ZWFyJyk7XG4gICAgdGhpcy5oYW5kbGVTZWxlY3RlZENoYW5nZShmaWVsZCwgbmV3RGF0ZS50b0RhdGUoKSk7XG4gIH1cblxuICAvKipcbiAgICogQGlnbm9yZVxuICAgKi9cbiAgaXNQcmV2WWVhckJlZm9yZU9yRXF1YWxUb01pbkRhdGUoKTogYm9vbGVhbiB7XG4gICAgY29uc3QgbWluID0gdGhpcy5taW4oKTtcblxuICAgIGlmICghbWluKSByZXR1cm4gZmFsc2U7XG5cbiAgICBjb25zdCBzZWxlY3RlZERhdGUgPSBkYXlqcyh0aGlzLnNlbGVjdGVkKCkpO1xuXG4gICAgY29uc3QgaXNCZWZvcmUgPSBzZWxlY3RlZERhdGUuaXNCZWZvcmUobWluLCAneWVhcicpO1xuICAgIGNvbnN0IGlzU2FtZSA9IHNlbGVjdGVkRGF0ZS5pc1NhbWUobWluLCAneWVhcicpO1xuXG4gICAgcmV0dXJuIGlzU2FtZSB8fCBpc0JlZm9yZTtcbiAgfVxuXG4gIC8qKlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBpc05leHRZZWFyQWZ0ZXJPckVxdWFsVG9NYXhEYXRlKCk6IGJvb2xlYW4ge1xuICAgIGNvbnN0IG1heCA9IHRoaXMubWF4KCk7XG5cbiAgICBpZiAoIW1heCkgcmV0dXJuIGZhbHNlO1xuXG4gICAgY29uc3Qgc2VsZWN0ZWREYXRlID0gZGF5anModGhpcy5zZWxlY3RlZCgpKTtcblxuICAgIGNvbnN0IGlzQWZ0ZXIgPSBzZWxlY3RlZERhdGUuaXNBZnRlcihtYXgsICd5ZWFyJyk7XG4gICAgY29uc3QgaXNTYW1lID0gc2VsZWN0ZWREYXRlLmlzU2FtZShtYXgsICd5ZWFyJyk7XG5cbiAgICByZXR1cm4gaXNTYW1lIHx8IGlzQWZ0ZXI7XG4gIH1cbn1cbiJdfQ==

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

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW5lcmdpbmV0LXdhdHQteWVhcm1vbnRoLWZpZWxkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vbGlicy93YXR0L3BhY2thZ2UveWVhcm1vbnRoLWZpZWxkL2VuZXJnaW5ldC13YXR0LXllYXJtb250aC1maWVsZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==