@energinet/watt 4.3.33 → 4.3.35

package/fesm2022/energinet-watt-badge.mjs

@@ -31,15 +31,15 @@ class WattBadgeComponent {
     badgeType = computed(() => `watt-badge-${this.type()}`, ...(ngDevMode ? [{ debugName: "badgeType" }] : []));
     isLarge = computed(() => this.size() === 'large', ...(ngDevMode ? [{ debugName: "isLarge" }] : []));
     iconSize = computed(() => (this.isLarge() ? 'm' : 's'), ...(ngDevMode ? [{ debugName: "iconSize" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: WattBadgeComponent, isStandalone: true, selector: "watt-badge", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "badgeType()", "class.watt-badge-large": "isLarge()", "class.watt-badge-icon": "!!icon()" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: WattBadgeComponent, isStandalone: true, selector: "watt-badge", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "badgeType()", "class.watt-badge-large": "isLarge()", "class.watt-badge-icon": "!!icon()" } }, ngImport: i0, template: `
     @if (icon()) {
       <watt-icon [name]="icon()" [size]="iconSize()" [attr.aria-hidden]="true" />
     }
     <ng-content />
   `, isInline: true, styles: [":host{border-radius:4px;padding:.125rem var(--watt-space-xs);color:var(--watt-typography-label-color);font-size:.875rem;line-height:1.25rem;font-weight:600;color:var(--watt-color-primary-dark)}:host.watt-badge-large{font-size:1rem;line-height:1.5rem;font-weight:700}:host.watt-badge-neutral{color:var(--watt-color-neutral-grey-600);background:var(--watt-color-neutral-grey-200)}:host.watt-badge-info{background:var(--watt-color-state-info-light)}:host.watt-badge-success{background:var(--watt-color-state-success-light)}:host.watt-badge-warning{background:var(--watt-color-state-warning-light)}:host.watt-badge-danger{color:var(--watt-color-state-danger);background:var(--watt-color-state-danger-light)}:host.watt-badge-version{color:var(--watt-on-light-high-emphasis);background:var(--watt-color-secondary)}:host.watt-badge-skeleton{color:transparent;animation:shine 1.6s infinite linear;background-color:var(--watt-color-neutral-grey-200);background-size:600px;background-image:linear-gradient(90deg,var(--watt-color-neutral-grey-300) 0px,var(--watt-color-neutral-grey-200) 40px,var(--watt-color-neutral-grey-300) 80px)}:host.watt-badge-icon{display:inline-flex;align-items:center;gap:var(--watt-space-xs)}@keyframes shine{0%{background-position:-100px}40%,to{background-position:140px}}\n"], dependencies: [{ kind: "component", type: WattIconComponent, selector: "watt-icon", inputs: ["name", "label", "size", "state"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattBadgeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattBadgeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'watt-badge', imports: [WattIconComponent], template: `
     @if (icon()) {

package/fesm2022/energinet-watt-breadcrumbs.mjs

@@ -28,10 +28,10 @@ class WattBreadcrumbComponent {
     // Used to determine if the breadcrumb is interactive or not
     actionEmitter = new Subject();
     click = outputFromObservable(this.actionEmitter);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattBreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.5", type: WattBreadcrumbComponent, isStandalone: true, selector: "watt-breadcrumb", outputs: { click: "click" }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["templateRef"], descendants: true, isSignal: true }], ngImport: i0, template: `<ng-template #templateRef><ng-content /></ng-template>`, isInline: true, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattBreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.6", type: WattBreadcrumbComponent, isStandalone: true, selector: "watt-breadcrumb", outputs: { click: "click" }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["templateRef"], descendants: true, isSignal: true }], ngImport: i0, template: `<ng-template #templateRef><ng-content /></ng-template>`, isInline: true, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattBreadcrumbComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattBreadcrumbComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'watt-breadcrumb',
@@ -48,8 +48,8 @@ class WattBreadcrumbsComponent {
      * @ignore
      */
     breadcrumbs = contentChildren(WattBreadcrumbComponent, ...(ngDevMode ? [{ debugName: "breadcrumbs" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattBreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: WattBreadcrumbsComponent, isStandalone: true, selector: "watt-breadcrumbs", queries: [{ propertyName: "breadcrumbs", predicate: WattBreadcrumbComponent, isSignal: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattBreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: WattBreadcrumbsComponent, isStandalone: true, selector: "watt-breadcrumbs", queries: [{ propertyName: "breadcrumbs", predicate: WattBreadcrumbComponent, isSignal: true }], ngImport: i0, template: `
     <nav>
       @for (breadcrumb of breadcrumbs(); track breadcrumb; let isLast = $last) {
         <span
@@ -67,7 +67,7 @@ class WattBreadcrumbsComponent {
     </nav>
   `, isInline: true, styles: ["watt-breadcrumbs{display:block;font-size:.875rem;line-height:1.25rem;font-weight:400;text-transform:none;letter-spacing:0}watt-breadcrumbs nav,watt-breadcrumbs .watt-breadcrumb{align-items:center;display:flex}watt-breadcrumbs .watt-breadcrumb{cursor:default}watt-breadcrumbs .watt-breadcrumb.interactive{cursor:pointer}watt-breadcrumbs .watt-breadcrumb:not(:last-child){color:var(--watt-color-primary);text-decoration:none}watt-breadcrumbs mat-icon:hover{color:var(--watt-color-primary-dark)}watt-breadcrumbs mat-icon{color:var(--watt-color-neutral-black)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: WattIconComponent, selector: "watt-icon", inputs: ["name", "label", "size", "state"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattBreadcrumbsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattBreadcrumbsComponent, decorators: [{
             type: Component,
             args: [{ encapsulation: ViewEncapsulation.None, imports: [NgTemplateOutlet, WattIconComponent], selector: 'watt-breadcrumbs', template: `
     <nav>

package/fesm2022/energinet-watt-button.mjs

@@ -42,8 +42,8 @@ class WattButtonComponent {
      * @ignore
      */
     hasIcon = computed(() => !!this.icon(), ...(ngDevMode ? [{ debugName: "hasIcon" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: WattButtonComponent, isStandalone: true, selector: "watt-button", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, formId: { classPropertyName: "formId", publicName: "formId", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "class.watt-button--disabled": "disabled()", "style.pointer-events": "pointerEvents()" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: WattButtonComponent, isStandalone: true, selector: "watt-button", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, formId: { classPropertyName: "formId", publicName: "formId", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "class.watt-button--disabled": "disabled()", "style.pointer-events": "pointerEvents()" } }, ngImport: i0, template: `
     <button
       mat-button
       [disableRipple]="true"
@@ -66,7 +66,7 @@ class WattButtonComponent {
     </button>
   `, isInline: true, styles: [":root{--watt-button-color: var(--watt-color-primary);--watt-button-text-hover-color: var(--watt-color-primary-dark);--watt-button-text-focus-color: var(--watt-color-primary);--watt-button-text-transform: none;--watt-button-primary-disabled-color: var(--watt-color-neutral-grey-500);--mat-button-text-with-icon-horizontal-padding: var(--watt-space-m)}watt-button{display:inline-block}watt-button.watt-button--primary.watt-button--disabled .mat-mdc-button.mat-primary{background-color:transparent;color:var(--watt-button-primary-disabled-color)}watt-button.watt-button--primary watt-spinner{--watt-spinner-circle-color: var(--watt-color-neutral-white)}watt-button.watt-button--primary .mat-mdc-button.mat-primary{color:var(--watt-color-primary-contrast);background-color:var(--watt-color-primary);border:1px solid var(--watt-color-neutral-grey-300);--mat-button-text-label-text-color: var(--watt-color-primary-contrast)}watt-button.watt-button--primary .mat-mdc-button.mat-primary:focus-visible{background:var(--watt-color-primary-dark);outline:2px solid var(--watt-color-secondary)}watt-button.watt-button--primary .mat-mdc-button.mat-primary:hover,watt-button.watt-button--primary .mat-mdc-button.mat-primary:focus-visible{background:var(--watt-color-primary-dark)}watt-button.watt-button--secondary.watt-button--disabled .mat-mdc-button.mat-secondary{background-color:transparent;border-color:var(--watt-color-neutral-grey-300);color:var(--watt-color-neutral-grey-500)}watt-button.watt-button--secondary .mat-mdc-button.mat-secondary{border:1px solid var(--watt-color-primary);color:var(--watt-color-primary)}watt-button.watt-button--secondary .mat-mdc-button.mat-secondary:focus-visible{background:var(--watt-color-primary-light);outline:1px solid var(--watt-color-primary)}watt-button.watt-button--secondary .mat-mdc-button.mat-secondary:hover,watt-button.watt-button--secondary .mat-mdc-button.mat-secondary:focus-visible{background:var(--watt-color-primary-light)}watt-button.watt-button--text.watt-button--disabled .mat-mdc-button.mat-text{background-color:transparent;color:var(--watt-color-neutral-grey-500)}watt-button.watt-button--text .mat-mdc-button.mat-text{color:var(--watt-button-color);text-transform:var(--watt-button-text-transform);outline:2px solid transparent}watt-button.watt-button--text .mat-mdc-button.mat-text:focus-visible{color:var(--watt-button-text-hover-color);outline:2px solid var(--watt-button-text-focus-color)}watt-button.watt-button--text .mat-mdc-button.mat-text:hover,watt-button.watt-button--text .mat-mdc-button.mat-text:focus-visible{color:var(--watt-button-text-hover-color)}watt-button.watt-button--selection .mat-mdc-button.mat-selection{font-size:1rem;line-height:1.5rem;font-weight:400;text-transform:none;letter-spacing:0;border-radius:4px;border:1px solid var(--watt-color-neutral-grey-500)}watt-button.watt-button--selection .mat-mdc-button.mat-selection:hover{background-color:var(--watt-color-neutral-grey-100)}watt-button.watt-button--selection .mat-mdc-button.mat-selection.mat-mdc-button{width:100%;height:56px}watt-button.watt-button--selection .mat-mdc-button.mat-selection.mat-mdc-button .mdc-button__label{justify-content:flex-end;align-items:start;width:100%}watt-button.watt-button--selection .mat-mdc-button.mat-selection.mat-mdc-button .mdc-button__label .content-wrapper{width:100%;display:flex}watt-button.watt-button--selection .mat-mdc-button.mat-selection.mat-mdc-button .mdc-button__label .content-wrapper watt-icon{order:2;margin-left:auto}watt-button.watt-button--icon.watt-button--disabled .mat-mdc-button.mat-icon{background-color:transparent;color:var(--watt-color-neutral-grey-500)}watt-button.watt-button--icon .mat-mdc-button.mat-icon{color:var(--watt-color-primary);padding:var(--watt-space-s)}watt-button.watt-button--icon .mat-mdc-button.mat-icon:focus-visible{color:var(--watt-color-primary-dark);outline:2px solid var(--watt-color-primary)}watt-button.watt-button--icon .mat-mdc-button.mat-icon:hover,watt-button.watt-button--icon .mat-mdc-button.mat-icon:focus-visible{color:var(--watt-color-primary-dark)}watt-button.watt-button--icon .mat-mdc-button.mat-icon.mat-button{min-width:44px}watt-button .mdc-button{font-weight:600;font-size:1rem;line-height:1.5rem;padding:var(--watt-space-s) var(--watt-space-m)}watt-button .mdc-button.mat-mdc-button{min-width:44px;height:44px;--mat-button-text-label-text-tracking: 0;--mat-button-text-state-layer-color: var(--watt-ripple-color);--mat-button-text-ripple-color: var(--watt-ripple-color)}watt-button .mdc-button watt-spinner{position:absolute}watt-button .mdc-button .mat-button-focus-overlay{background:transparent}watt-button .mdc-button .mdc-button__label{display:flex;justify-content:center;align-items:center}watt-button .mdc-button .mdc-button__label .content-wrapper{display:flex;gap:var(--watt-space-s);white-space:nowrap}watt-button .mdc-button .mdc-button__label .content-wrapper--loading{visibility:hidden}watt-button.watt-button-size--small .mdc-button.mat-mdc-button{height:var(--watt-space-l)}\n"], dependencies: [{ kind: "component", type: WattIconComponent, selector: "watt-icon", inputs: ["name", "label", "size", "state"] }, { kind: "component", type: WattSpinnerComponent, selector: "watt-spinner", inputs: ["diameter", "strokeWidth"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'watt-button', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[class]': 'classes()',

package/fesm2022/energinet-watt-card.mjs

@@ -23,10 +23,10 @@ import { WattSpinnerComponent } from '@energinet/watt/spinner';
 const selector = 'watt-card-title';
 class WattCardTitleComponent {
     cssClass = () => 'watt-card__title watt-space-stack-m';
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattCardTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: WattCardTitleComponent, isStandalone: true, selector: "watt-card-title", host: { properties: { "class": "cssClass()" } }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["watt-card-title{display:block}watt-card-title h4,watt-card-title h3{color:var(--watt-typography-text-color);margin:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattCardTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.6", type: WattCardTitleComponent, isStandalone: true, selector: "watt-card-title", host: { properties: { "class": "cssClass()" } }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["watt-card-title{display:block}watt-card-title h4,watt-card-title h3{color:var(--watt-typography-text-color);margin:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattCardTitleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattCardTitleComponent, decorators: [{
             type: Component,
             args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: selector, template: `<ng-content />`, encapsulation: ViewEncapsulation.None, host: {
                         '[class]': 'cssClass()',
@@ -59,8 +59,8 @@ class WattCardComponent {
     variant = input('solid', ...(ngDevMode ? [{ debugName: "variant" }] : []));
     loading = input(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
     cardVariant = computed(() => `watt-card watt-${this.variant()}`, ...(ngDevMode ? [{ debugName: "cardVariant" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: WattCardComponent, isStandalone: true, selector: "watt-card", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "cardVariant()" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: WattCardComponent, isStandalone: true, selector: "watt-card", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "cardVariant()" } }, ngImport: i0, template: `
     <ng-content select="watt-card-title" />
 
     <ng-content />
@@ -72,7 +72,7 @@ class WattCardComponent {
     }
   `, isInline: true, styles: [":host{border-radius:var(--watt-radius-m);display:block;padding:var(--watt-space-m);background:var(--bg-card)}:host.watt-solid{border:1px solid var(--watt-color-neutral-grey-300)}:host.watt-fill{border:1px solid var(--watt-color-neutral-grey-100);background:var(--watt-color-neutral-grey-100)}.watt-card__spinner{z-index:1;position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background-color:var(--watt-color-neutral-white);opacity:.5}\n"], dependencies: [{ kind: "component", type: WattSpinnerComponent, selector: "watt-spinner", inputs: ["diameter", "strokeWidth"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattCardComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattCardComponent, decorators: [{
             type: Component,
             args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'watt-card', template: `
     <ng-content select="watt-card-title" />

package/fesm2022/energinet-watt-checkbox.mjs

@@ -48,8 +48,8 @@ class WattCheckboxComponent {
     setDisabledState(isDisabled) {
         this.isdisabled.set(isDisabled);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: WattCheckboxComponent, isStandalone: true, selector: "watt-checkbox", inputs: { required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.watt-checkbox--disabled": "isdisabled()", "class.watt-checkbox--indeterminate": "indeterminate()" } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.6", type: WattCheckboxComponent, isStandalone: true, selector: "watt-checkbox", inputs: { required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.watt-checkbox--disabled": "isdisabled()", "class.watt-checkbox--indeterminate": "indeterminate()" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => WattCheckboxComponent),
@@ -69,7 +69,7 @@ class WattCheckboxComponent {
     </label>
   `, isInline: true, styles: ["form.ng-submitted watt-checkbox.ng-invalid label{color:var(--watt-checkbox-error-color)}form.ng-submitted watt-checkbox.ng-invalid input{border-color:var(--watt-checkbox-error-color)}form.ng-submitted watt-checkbox.watt-checkbox--indeterminate.ng-invalid input{background-color:var(--watt-checkbox-error-color)}watt-checkbox{--watt-checkbox-disabled-color: var(--watt-color-neutral-grey-500);--watt-checkbox-color: var(--watt-color-primary);--watt-checkbox-color-focus: var(--watt-color-primary-dark);--watt-checkbox-color-hover: var(--watt-color-primary-dark);--watt-checkbox-border-color: var(--watt-on-light-low-emphasis);--watt-checkbox-border-color-hover: var(--watt-on-light-medium-emphasis);--watt-checkbox-border-color-focus: var(--watt-color-primary);--watt-checkbox-checkmark-color: var(--watt-on-dark-high-emphasis);--watt-checkbox-error-color: var(--watt-color-state-danger);display:block}watt-checkbox.ng-dirty.ng-invalid label{color:var(--watt-checkbox-error-color)}watt-checkbox.ng-dirty.ng-invalid input{border-color:var(--watt-checkbox-error-color)}watt-checkbox input{appearance:none;margin:0;padding:0;width:16px;height:16px;border:1px solid var(--watt-checkbox-border-color);border-radius:2px;display:grid;place-content:center;cursor:pointer}watt-checkbox input:before{content:\"\";width:.65em;height:.65em;transform:scale(0);transition:.12s transform ease-in-out;background-color:var(--watt-checkbox-checkmark-color);transform-origin:bottom left;clip-path:polygon(8.79% 46.33%,.66% 56%,40.8% 89.74%,99.73% 25.3%,91.52% 17.78%,40.8% 73.23%)}watt-checkbox input:focus-visible{outline:none}watt-checkbox:not(.ng-dirty.ng-invalid) input:not(:disabled):hover{border-color:var(--watt-checkbox-border-color-hover)}watt-checkbox:not(.ng-dirty.ng-invalid) input:not(:disabled):hover:checked,watt-checkbox:not(.ng-dirty.ng-invalid) input:not(:disabled):hover:indeterminate{background-color:var(--watt-checkbox-color-hover);border-color:var(--watt-checkbox-color-hover)}watt-checkbox:not(.ng-dirty.ng-invalid) input:not(:disabled):focus-visible{border-color:var(--watt-checkbox-border-color-focus)}watt-checkbox:not(.ng-dirty.ng-invalid) input:not(:disabled):focus-visible:checked,watt-checkbox:not(.ng-dirty.ng-invalid) input:not(:disabled):focus-visible:indeterminate{background-color:var(--watt-checkbox-color-focus);border-color:var(--watt-checkbox-color-focus)}watt-checkbox.watt-checkbox--indeterminate input:before{width:10px;height:1px;clip-path:none;transform:scale(1)}watt-checkbox input:checked:before{transform:scale(1)}watt-checkbox input:checked,watt-checkbox.watt-checkbox--indeterminate input{border-color:var(--watt-checkbox-color);background-color:var(--watt-checkbox-color)}watt-checkbox input:disabled{border-color:var(--watt-checkbox-disabled-color);cursor:inherit}watt-checkbox input:disabled:checked{background-color:var(--watt-checkbox-disabled-color)}watt-checkbox.watt-checkbox--disabled label{color:var(--watt-checkbox-disabled-color);cursor:inherit}watt-checkbox label{display:grid;grid-template-columns:1em auto;gap:.5em;align-items:center;-webkit-user-select:none;user-select:none;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.CheckboxRequiredValidator, selector: "input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][ngModel]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattCheckboxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattCheckboxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'watt-checkbox', encapsulation: ViewEncapsulation.None, providers: [
                         {

package/fesm2022/energinet-watt-chip.mjs

@@ -32,8 +32,8 @@ class WattChipComponent {
     selected = input(false, ...(ngDevMode ? [{ debugName: "selected" }] : []));
     disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
     readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: WattChipComponent, isStandalone: true, selector: "watt-chip", inputs: { selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: WattChipComponent, isStandalone: true, selector: "watt-chip", inputs: { selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
     <label
       [class.selected]="selected()"
       [class.disabled]="disabled()"
@@ -46,7 +46,7 @@ class WattChipComponent {
     </label>
   `, isInline: true, styles: ["label{font-size:.875rem;line-height:1.25rem;font-weight:400;text-transform:none;letter-spacing:0;position:relative;background:var(--input-background, var(--watt-color-neutral-white));border-radius:var(--watt-space-m);border:1px solid var(--input-border-color, var(--watt-on-light-low-emphasis));color:var(--watt-on-light-high-emphasis);cursor:pointer;display:inline-flex;align-items:center;padding:5px 12px;-webkit-user-select:none;user-select:none;white-space:nowrap;max-width:100%}label:hover{border:1px solid var(--watt-on-light-medium-emphasis)}label:active:not(.disabled,.read-only),label:focus-within{background:var(--watt-color-primary-ultralight);border:1px solid var(--watt-on-light-medium-emphasis);outline:none}label.selected{background:var(--watt-color-primary);color:var(--watt-on-dark-high-emphasis);border-color:transparent}label.selected:hover,label.selected:focus-within{background:var(--watt-color-primary-dark);border-color:transparent}label.disabled{border:1px solid var(--watt-on-light-surface-overlay);color:var(--watt-on-light-low-emphasis);cursor:not-allowed}label.read-only{cursor:inherit;border:1px solid var(--watt-on-light-surface-overlay)}label.read-only:hover,label.read-only:focus-within{background:transparent}label .selected-icon{margin-right:var(--watt-space-s)}\n"], dependencies: [{ kind: "component", type: WattIconComponent, selector: "watt-icon", inputs: ["name", "label", "size", "state"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattChipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattChipComponent, decorators: [{
             type: Component,
             args: [{ imports: [WattIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, selector: 'watt-chip', template: `
     <label
@@ -84,8 +84,8 @@ class WattActionChipComponent {
     disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
     icon = input.required(...(ngDevMode ? [{ debugName: "icon" }] : []));
     action = output();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattActionChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: WattActionChipComponent, isStandalone: true, selector: "watt-action-chip", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { action: "action" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattActionChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.6", type: WattActionChipComponent, isStandalone: true, selector: "watt-action-chip", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { action: "action" }, ngImport: i0, template: `
     <watt-chip [disabled]="disabled()">
       <button
         type="button"
@@ -104,7 +104,7 @@ class WattActionChipComponent {
     </watt-chip>
   `, isInline: true, styles: [":host{display:block}.disabled{color:var(--watt-on-light-low-emphasis)}\n"], dependencies: [{ kind: "component", type: WattChipComponent, selector: "watt-chip", inputs: ["selected", "disabled", "readonly"] }, { kind: "component", type: WattIconComponent, selector: "watt-icon", inputs: ["name", "label", "size", "state"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattActionChipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattActionChipComponent, decorators: [{
             type: Component,
             args: [{ imports: [WattChipComponent, WattIconComponent], selector: 'watt-action-chip', template: `
     <watt-chip [disabled]="disabled()">
@@ -152,8 +152,8 @@ class WattMenuChipComponent {
     selected = input(false, ...(ngDevMode ? [{ debugName: "selected" }] : []));
     hasPopup = input('menu', ...(ngDevMode ? [{ debugName: "hasPopup" }] : []));
     toggleChange = output();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattMenuChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: WattMenuChipComponent, isStandalone: true, selector: "watt-menu-chip", inputs: { opened: { classPropertyName: "opened", publicName: "opened", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, hasPopup: { classPropertyName: "hasPopup", publicName: "hasPopup", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { toggleChange: "toggleChange" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattMenuChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.6", type: WattMenuChipComponent, isStandalone: true, selector: "watt-menu-chip", inputs: { opened: { classPropertyName: "opened", publicName: "opened", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, hasPopup: { classPropertyName: "hasPopup", publicName: "hasPopup", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { toggleChange: "toggleChange" }, ngImport: i0, template: `
     <watt-chip [disabled]="disabled()" [selected]="selected()">
       <button
         class="cdk-visually-hidden"
@@ -176,7 +176,7 @@ class WattMenuChipComponent {
     </watt-chip>
   `, isInline: true, styles: [":host{display:block}.menu-icon{margin-left:var(--watt-space-xs);transition:linear .2s all;color:var(--watt-color-primary)}.menu-icon.disabled{color:var(--watt-on-light-low-emphasis)}.opened{transform:rotate(180deg)}.selected{color:var(--watt-color-neutral-white)}.disabled{color:var(--watt-on-light-low-emphasis)}\n"], dependencies: [{ kind: "component", type: WattChipComponent, selector: "watt-chip", inputs: ["selected", "disabled", "readonly"] }, { kind: "component", type: WattIconComponent, selector: "watt-icon", inputs: ["name", "label", "size", "state"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattMenuChipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattMenuChipComponent, decorators: [{
             type: Component,
             args: [{ imports: [WattChipComponent, WattIconComponent], selector: 'watt-menu-chip', template: `
     <watt-chip [disabled]="disabled()" [selected]="selected()">
@@ -227,8 +227,8 @@ class WattDateChipComponent {
     formControl = input.required(...(ngDevMode ? [{ debugName: "formControl" }] : []));
     value = model(null, ...(ngDevMode ? [{ debugName: "value" }] : []));
     selectionChange = output();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattDateChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: WattDateChipComponent, isStandalone: true, selector: "watt-date-chip", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, formControl: { classPropertyName: "formControl", publicName: "formControl", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { disabled: "disabledChange", value: "valueChange", selectionChange: "selectionChange" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattDateChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: WattDateChipComponent, isStandalone: true, selector: "watt-date-chip", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, formControl: { classPropertyName: "formControl", publicName: "formControl", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { disabled: "disabledChange", value: "valueChange", selectionChange: "selectionChange" }, ngImport: i0, template: `
     <mat-datepicker #picker />
     <watt-field [control]="formControl()" [chipMode]="true">
       <watt-menu-chip
@@ -262,7 +262,7 @@ class WattDateChipComponent {
     </watt-field>
   `, isInline: true, styles: ["watt-date-chip input{top:0;bottom:0;height:auto;visibility:hidden}watt-date-chip watt-field label .watt-field-wrapper{background-color:transparent}\n"], dependencies: [{ kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i1.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i1.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: WattMenuChipComponent, selector: "watt-menu-chip", inputs: ["opened", "disabled", "name", "value", "selected", "hasPopup"], outputs: ["toggleChange"] }, { kind: "component", type: WattFieldComponent, selector: "watt-field", inputs: ["control", "label", "id", "chipMode", "tooltip", "placeholder", "anchorName", "displayMode", "autoFocus", "showErrors"] }, { kind: "pipe", type: WattDatePipe, name: "wattDate" }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattDateChipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattDateChipComponent, decorators: [{
             type: Component,
             args: [{ imports: [MatDatepickerModule, WattMenuChipComponent, WattFieldComponent, WattDatePipe], selector: 'watt-date-chip', encapsulation: ViewEncapsulation.None, template: `
     <mat-datepicker #picker />
@@ -319,10 +319,10 @@ class WattDateRangeSelectionStrategy extends DefaultMatCalendarRangeStrategy {
             return this.customSelectionStrategy(activeDate);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattDateRangeSelectionStrategy, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattDateRangeSelectionStrategy, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattDateRangeSelectionStrategy, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattDateRangeSelectionStrategy, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattDateRangeSelectionStrategy, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattDateRangeSelectionStrategy, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -364,8 +364,8 @@ class WattDateRangeChipComponent {
             this.value.set({ start: dateRange.start, end: endDate });
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattDateRangeChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: WattDateRangeChipComponent, isStandalone: true, selector: "watt-date-range-chip", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, formControl: { classPropertyName: "formControl", publicName: "formControl", isSignal: true, isRequired: true, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, showActions: { classPropertyName: "showActions", publicName: "showActions", isSignal: true, isRequired: false, transformFunction: null }, customSelectionStrategy: { classPropertyName: "customSelectionStrategy", publicName: "customSelectionStrategy", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { disabled: "disabledChange", value: "valueChange", selectionChange: "selectionChange" }, host: { properties: { "class.has-placeholder": "placeholder()" } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattDateRangeChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: WattDateRangeChipComponent, isStandalone: true, selector: "watt-date-range-chip", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, formControl: { classPropertyName: "formControl", publicName: "formControl", isSignal: true, isRequired: true, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, showActions: { classPropertyName: "showActions", publicName: "showActions", isSignal: true, isRequired: false, transformFunction: null }, customSelectionStrategy: { classPropertyName: "customSelectionStrategy", publicName: "customSelectionStrategy", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { disabled: "disabledChange", value: "valueChange", selectionChange: "selectionChange" }, host: { properties: { "class.has-placeholder": "placeholder()" } }, providers: [
             {
                 provide: MAT_DATE_RANGE_SELECTION_STRATEGY,
                 useFactory: (comp) => comp.selectionStrategy(),
@@ -428,7 +428,7 @@ class WattDateRangeChipComponent {
     </watt-field>
   `, isInline: true, styles: ["watt-date-range-chip mat-date-range-input{top:0;bottom:0;height:auto;visibility:hidden}watt-date-range-chip.has-placeholder .value:before{content:\":\"}watt-date-range-chip watt-field label .watt-field-wrapper{background-color:transparent}\n"], dependencies: [{ kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i1.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i1.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i1.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i1.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "component", type: i1.MatDatepickerActions, selector: "mat-datepicker-actions, mat-date-range-picker-actions" }, { kind: "directive", type: i1.MatDatepickerApply, selector: "[matDatepickerApply], [matDateRangePickerApply]" }, { kind: "component", type: WattFieldComponent, selector: "watt-field", inputs: ["control", "label", "id", "chipMode", "tooltip", "placeholder", "anchorName", "displayMode", "autoFocus", "showErrors"] }, { kind: "component", type: WattButtonComponent, selector: "watt-button", inputs: ["icon", "variant", "size", "type", "formId", "disabled", "loading"] }, { kind: "component", type: WattMenuChipComponent, selector: "watt-menu-chip", inputs: ["opened", "disabled", "name", "value", "selected", "hasPopup"], outputs: ["toggleChange"] }, { kind: "pipe", type: WattDatePipe, name: "wattDate" }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattDateRangeChipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattDateRangeChipComponent, decorators: [{
             type: Component,
             args: [{ imports: [
                         MatDatepickerModule,
@@ -541,8 +541,8 @@ class WattFilterChipComponent {
         const value = this.choice() !== undefined ? input.value : input.checked;
         this.selectionChange.emit(value);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattFilterChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: WattFilterChipComponent, isStandalone: true, selector: "watt-filter-chip", inputs: { selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, choice: { classPropertyName: "choice", publicName: "choice", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { disabled: "disabledChange", value: "valueChange", selectionChange: "selectionChange" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattFilterChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.6", type: WattFilterChipComponent, isStandalone: true, selector: "watt-filter-chip", inputs: { selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, choice: { classPropertyName: "choice", publicName: "choice", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { disabled: "disabledChange", value: "valueChange", selectionChange: "selectionChange" }, ngImport: i0, template: `
     <watt-chip [disabled]="disabled()" [selected]="isFirstRender() ? selected() : input.checked">
       <input
         #input
@@ -558,7 +558,7 @@ class WattFilterChipComponent {
     </watt-chip>
   `, isInline: true, dependencies: [{ kind: "component", type: WattChipComponent, selector: "watt-chip", inputs: ["selected", "disabled", "readonly"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattFilterChipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattFilterChipComponent, decorators: [{
             type: Component,
             args: [{
                     imports: [WattChipComponent],
@@ -636,8 +636,8 @@ class WattFormChipDirective {
             this.component.disabled.set(disabled);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattFormChipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.5", type: WattFormChipDirective, isStandalone: true, selector: "\n    watt-filter-chip[formControl],\n    watt-date-chip[formControl],\n    watt-date-range-chip[formControl],\n    watt-filter-chip[formControlName],\n    watt-date-chip[formControlName],\n    watt-date-range-chip[formControlName],\n  ", providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattFormChipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.6", type: WattFormChipDirective, isStandalone: true, selector: "\n    watt-filter-chip[formControl],\n    watt-date-chip[formControl],\n    watt-date-range-chip[formControl],\n    watt-filter-chip[formControlName],\n    watt-date-chip[formControlName],\n    watt-date-range-chip[formControlName],\n  ", providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => WattFormChipDirective),
@@ -645,7 +645,7 @@ class WattFormChipDirective {
             },
         ], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattFormChipDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattFormChipDirective, decorators: [{
             type: Directive,
             args: [{
                     providers: [
@@ -689,8 +689,8 @@ class WattInputChipComponent {
     label = input.required(...(ngDevMode ? [{ debugName: "label" }] : []));
     disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
     removed = output();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattInputChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: WattInputChipComponent, isStandalone: true, selector: "watt-input-chip", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { removed: "removed" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattInputChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.6", type: WattInputChipComponent, isStandalone: true, selector: "watt-input-chip", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { removed: "removed" }, ngImport: i0, template: `
     <div class="watt-input-chip">
       <span class="watt-input-chip__label">
         {{ label() }}
@@ -709,7 +709,7 @@ class WattInputChipComponent {
     </div>
   `, isInline: true, styles: [":host{display:inline-flex}.watt-input-chip{font-size:.875rem;line-height:1.25rem;font-weight:400;text-transform:none;letter-spacing:0;display:inline-flex;align-items:center;border:2px solid var(--watt-color-neutral-grey-300);border-radius:4px;overflow:hidden;cursor:default;max-width:100%}.watt-input-chip:focus-within,:host(.focus) .watt-input-chip{border-color:var(--watt-color-primary-dark)}.watt-input-chip:focus-within .watt-input-chip__remove,:host(.focus) .watt-input-chip .watt-input-chip__remove{background:var(--watt-color-neutral-grey-200)}.watt-input-chip:hover:not(:has(:disabled)) .watt-input-chip__remove,:host(.hover) .watt-input-chip:not(:has(:disabled)) .watt-input-chip__remove{background:var(--watt-color-neutral-grey-200)}.watt-input-chip:has(:disabled){opacity:.38;cursor:not-allowed}.watt-input-chip:has(:disabled) .watt-input-chip__remove{cursor:not-allowed}.watt-input-chip__label{display:block;line-height:32px;padding:0 8px;background:var(--watt-color-neutral-grey-100);color:var(--watt-on-light-high-emphasis);white-space:nowrap}.watt-input-chip__remove{display:flex;align-items:center;justify-content:center;width:24px;height:32px;background:var(--watt-color-neutral-grey-100);border:none;border-left:1px solid var(--watt-color-neutral-grey-300);cursor:pointer;padding:0;color:var(--watt-on-light-high-emphasis);flex-shrink:0}.watt-input-chip__remove:focus-visible{outline:none}\n"], dependencies: [{ kind: "component", type: WattIconComponent, selector: "watt-icon", inputs: ["name", "label", "size", "state"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattInputChipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattInputChipComponent, decorators: [{
             type: Component,
             args: [{ imports: [WattIconComponent], selector: 'watt-input-chip', changeDetection: ChangeDetectionStrategy.OnPush, template: `
     <div class="watt-input-chip">

package/fesm2022/energinet-watt-clipboard.mjs

@@ -24,10 +24,10 @@ import { WattToastService } from '@energinet/watt/toast';
 class WattClipboardIntlService {
     success = 'Copied to clipboard';
     error = 'Failed to copy';
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattClipboardIntlService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattClipboardIntlService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattClipboardIntlService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattClipboardIntlService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattClipboardIntlService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattClipboardIntlService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -77,10 +77,10 @@ class WattCopyToClipboardDirective {
             this.copySuccess.emit(false);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattCopyToClipboardDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: WattCopyToClipboardDirective, isStandalone: true, selector: "[wattCopyToClipboard]", inputs: { text: { classPropertyName: "text", publicName: "wattCopyToClipboard", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { copySuccess: "copySuccess" }, host: { listeners: { "click": "handleHostClick()" }, properties: { "style.cursor": "'pointer'" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattCopyToClipboardDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.6", type: WattCopyToClipboardDirective, isStandalone: true, selector: "[wattCopyToClipboard]", inputs: { text: { classPropertyName: "text", publicName: "wattCopyToClipboard", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { copySuccess: "copySuccess" }, host: { listeners: { "click": "handleHostClick()" }, properties: { "style.cursor": "'pointer'" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattCopyToClipboardDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattCopyToClipboardDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[wattCopyToClipboard]',

package/fesm2022/energinet-watt-code.mjs

@@ -26,10 +26,10 @@ import { WattSpinnerComponent } from '@energinet/watt/spinner';
 //#endregion
 class WattCodeIntlService {
     searchPlaceholder = 'Search in code';
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattCodeIntlService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattCodeIntlService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattCodeIntlService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattCodeIntlService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattCodeIntlService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattCodeIntlService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -156,8 +156,8 @@ class WattCodeComponent {
     ngOnDestroy() {
         this.worker?.terminate();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattCodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: WattCodeComponent, isStandalone: true, selector: "watt-code", inputs: { code: { classPropertyName: "code", publicName: "code", isSignal: true, isRequired: true, transformFunction: null }, language: { classPropertyName: "language", publicName: "language", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { discoveredLanguage: "discoveredLanguage" }, viewQueries: [{ propertyName: "viewport", first: true, predicate: CdkVirtualScrollViewport, descendants: true, isSignal: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattCodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: WattCodeComponent, isStandalone: true, selector: "watt-code", inputs: { code: { classPropertyName: "code", publicName: "code", isSignal: true, isRequired: true, transformFunction: null }, language: { classPropertyName: "language", publicName: "language", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { discoveredLanguage: "discoveredLanguage" }, viewQueries: [{ propertyName: "viewport", first: true, predicate: CdkVirtualScrollViewport, descendants: true, isSignal: true }], ngImport: i0, template: `
     @if (loading()) {
       <vater-stack fill="horizontal" align="center">
         <watt-spinner />
@@ -185,7 +185,7 @@ class WattCodeComponent {
     }
   `, isInline: true, styles: ["watt-tabs watt-code pre code.watt-code-content{padding:0}watt-code{display:block;height:100%;width:100%}watt-code pre{display:flex;margin:0;padding:0;height:calc(100% - 60px);width:100%;word-wrap:break-word}watt-code pre .cdk-virtual-scroll-content-wrapper{width:100%}watt-code pre .cdk-virtual-scroll-content-wrapper code{padding:2px 8px;line-height:20px;font-family:monospace;white-space:pre;width:100%;display:block;font-size:14px}watt-code pre .cdk-virtual-scroll-content-wrapper code.highlight{background-color:#ffeb3b4d;font-weight:700}\n"], dependencies: [{ kind: "component", type: WattSpinnerComponent, selector: "watt-spinner", inputs: ["diameter", "strokeWidth"] }, { kind: "component", type: VaterStackComponent, selector: "vater-stack, [vater-stack]" }, { kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i1.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i1.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i1.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: WattSearchComponent, selector: "watt-search", inputs: ["label", "debounceTime", "trim", "size"], outputs: ["search"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattCodeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattCodeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'watt-code', template: `
     @if (loading()) {

package/fesm2022/energinet-watt-core-breakpoints.mjs

@@ -62,10 +62,10 @@ class WattBreakpointsObserver {
     isMatched(breakpoint) {
         return this.breakpointObserver.isMatched(WattBreakpoint[breakpoint]);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattBreakpointsObserver, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattBreakpointsObserver, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattBreakpointsObserver, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattBreakpointsObserver, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattBreakpointsObserver, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattBreakpointsObserver, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });

package/fesm2022/energinet-watt-core-color.mjs

@@ -87,10 +87,10 @@ class WattColorHelperService {
     getColorContrast(color) {
         return this.cssCustomPropertiesService.getPropertyValue(`${WattColor[color]}-${this.colorContrastSuffix}`);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattColorHelperService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattColorHelperService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattColorHelperService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattColorHelperService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattColorHelperService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattColorHelperService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',

package/fesm2022/energinet-watt-core-date.mjs

@@ -6,7 +6,7 @@ import duration from 'dayjs/plugin/duration';
 import customParseFormat from 'dayjs/plugin/customParseFormat';
 import { NativeDateAdapter, MAT_DATE_LOCALE, DateAdapter, MAT_NATIVE_DATE_FORMATS, MAT_DATE_FORMATS } from '@angular/material/core';
 import * as i0 from '@angular/core';
-import { makeEnvironmentProviders, Pipe, inject, signal, LOCALE_ID, computed, Injectable } from '@angular/core';
+import { Injectable, makeEnvironmentProviders, Pipe, inject, signal, LOCALE_ID, computed } from '@angular/core';
 
 //#region License
 /**
@@ -71,7 +71,12 @@ class WattDateAdapter extends NativeDateAdapter {
     getFirstDayOfWeek() {
         return 1;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattDateAdapter, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattDateAdapter });
 }
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattDateAdapter, decorators: [{
+            type: Injectable
+        }] });
 
 //#region License
 /**
@@ -176,10 +181,10 @@ class WattDatePipe {
     transform(input, format = 'short', timeZone = 'Europe/Copenhagen') {
         return wattFormatDate(input, format, timeZone);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattDatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.5", ngImport: i0, type: WattDatePipe, isStandalone: true, name: "wattDate" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattDatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.6", ngImport: i0, type: WattDatePipe, isStandalone: true, name: "wattDate" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattDatePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattDatePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'wattDate',
@@ -220,10 +225,10 @@ class WattLocaleService {
         this.dateAdapter.setActiveLocale(locale);
         this.locale.set(locale);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattLocaleService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattLocaleService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattLocaleService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattLocaleService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattLocaleService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattLocaleService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',