@energinet/watt 4.3.32 → 4.3.34

package/fesm2022/energinet-watt-empty-state.mjs

@@ -21,8 +21,8 @@ import { WattIconComponent } from '@energinet/watt/icon';
  */
 //#endregion
 class WattEmptyStateExploreComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattEmptyStateExploreComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: WattEmptyStateExploreComponent, isStandalone: true, selector: "watt-empty-state-explore", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattEmptyStateExploreComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.6", type: WattEmptyStateExploreComponent, isStandalone: true, selector: "watt-empty-state-explore", ngImport: i0, template: `
     <svg viewBox="0 0 96 98" fill="none">
       <path
         fill="currentColor"
@@ -35,7 +35,7 @@ class WattEmptyStateExploreComponent {
     </svg>
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattEmptyStateExploreComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattEmptyStateExploreComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'watt-empty-state-explore',
@@ -73,8 +73,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
  */
 //#endregion
 class WattEmptyStateNoResultsComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattEmptyStateNoResultsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: WattEmptyStateNoResultsComponent, isStandalone: true, selector: "watt-empty-state-no-results", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattEmptyStateNoResultsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.6", type: WattEmptyStateNoResultsComponent, isStandalone: true, selector: "watt-empty-state-no-results", ngImport: i0, template: `
     <svg viewBox="0 0 128 128" fill="none">
       <path
         fill="currentColor"
@@ -91,7 +91,7 @@ class WattEmptyStateNoResultsComponent {
     </svg>
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattEmptyStateNoResultsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattEmptyStateNoResultsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'watt-empty-state-no-results',
@@ -133,8 +133,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
  */
 //#endregion
 class WattEmptyStatePowerComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattEmptyStatePowerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: WattEmptyStatePowerComponent, isStandalone: true, selector: "watt-empty-state-power", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattEmptyStatePowerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.6", type: WattEmptyStatePowerComponent, isStandalone: true, selector: "watt-empty-state-power", ngImport: i0, template: `
     <svg viewBox="0 0 96 116" fill="none">
       <path
         fill="currentColor"
@@ -143,7 +143,7 @@ class WattEmptyStatePowerComponent {
     </svg>
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattEmptyStatePowerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattEmptyStatePowerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'watt-empty-state-power',
@@ -177,8 +177,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
  */
 //#endregion
 class WattEmptyStateCooperationComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattEmptyStateCooperationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: WattEmptyStateCooperationComponent, isStandalone: true, selector: "watt-empty-state-cooperation", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattEmptyStateCooperationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.6", type: WattEmptyStateCooperationComponent, isStandalone: true, selector: "watt-empty-state-cooperation", ngImport: i0, template: `
     <svg viewBox="0, 0, 400,400.16122531237403">
       <g>
         <path
@@ -190,7 +190,7 @@ class WattEmptyStateCooperationComponent {
     </svg>
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattEmptyStateCooperationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattEmptyStateCooperationComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'watt-empty-state-cooperation',
@@ -237,8 +237,8 @@ class WattEmptyStateComponent {
     message = input('', ...(ngDevMode ? [{ debugName: "message" }] : []));
     useHTML = input(false, ...(ngDevMode ? [{ debugName: "useHTML" }] : []));
     iconSize = computed(() => (this.size() === 'small' ? 'xl' : 'xxl'), ...(ngDevMode ? [{ debugName: "iconSize" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattEmptyStateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: WattEmptyStateComponent, isStandalone: true, selector: "watt-empty-state", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null }, useHTML: { classPropertyName: "useHTML", publicName: "useHTML", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattEmptyStateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: WattEmptyStateComponent, isStandalone: true, selector: "watt-empty-state", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null }, useHTML: { classPropertyName: "useHTML", publicName: "useHTML", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
     @let name = icon();
     @switch (name) {
       @case ('custom-explore') {
@@ -281,7 +281,7 @@ class WattEmptyStateComponent {
     <ng-content />
   `, isInline: true, styles: ["@use \"@energinet/watt/utils\" as watt;watt-empty-state{display:block;text-align:center}watt-empty-state h3,watt-empty-state h5,watt-empty-state p{margin:0;white-space:pre-wrap}watt-empty-state watt-icon{color:var(--watt-color-primary-dark)}watt-empty-state watt-button{display:block;margin-top:var(--watt-space-m)}watt-empty-state watt-button:first-of-type{margin-top:var(--watt-space-l)}\n"], dependencies: [{ kind: "component", type: WattEmptyStateExploreComponent, selector: "watt-empty-state-explore" }, { kind: "component", type: WattEmptyStateNoResultsComponent, selector: "watt-empty-state-no-results" }, { kind: "component", type: WattEmptyStatePowerComponent, selector: "watt-empty-state-power" }, { kind: "component", type: WattIconComponent, selector: "watt-icon", inputs: ["name", "label", "size", "state"] }, { kind: "component", type: WattEmptyStateCooperationComponent, selector: "watt-empty-state-cooperation" }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattEmptyStateComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattEmptyStateComponent, decorators: [{
             type: Component,
             args: [{ selector: 'watt-empty-state', encapsulation: ViewEncapsulation.None, imports: [
                         WattEmptyStateExploreComponent,
@@ -352,8 +352,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
  */
 //#endregion
 class WattEmptyStateNotFoundComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattEmptyStateNotFoundComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: WattEmptyStateNotFoundComponent, isStandalone: true, selector: "watt-empty-state-not-found", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattEmptyStateNotFoundComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.6", type: WattEmptyStateNotFoundComponent, isStandalone: true, selector: "watt-empty-state-not-found", ngImport: i0, template: `
     <svg viewBox="0 0 1291 275" fill="none">
       <path
         d="M724.142 151.133L709.268 118.065C708.63 118.338 708.094 118.543 707.574 118.782C695.083 124.478 682.593 130.192 670.102 135.926C667.668 137.065 665.223 137.264 662.761 136.125C661.382 135.486 660.207 134.473 659.366 133.199C658.525 131.925 658.052 130.441 657.998 128.912C657.945 127.383 658.314 125.869 659.064 124.538C659.814 123.208 660.916 122.115 662.247 121.379C663.579 120.628 665.019 120.064 666.414 119.426L701.188 103.553C701.555 103.382 701.911 103.194 702.441 102.932C697.817 92.6344 693.209 82.3883 688.533 71.9827L693.011 69.9153C695.473 75.3544 697.907 80.7366 700.392 86.2441C700.956 86.0049 701.419 85.8397 701.86 85.6404C706.338 83.5957 710.799 81.4998 715.305 79.5178C724.594 75.3668 734.736 73.5269 744.878 74.1527C756.098 74.8589 766.336 78.3673 775.235 85.4923C779.888 89.2093 783.748 93.8353 786.586 99.0931C786.755 99.412 786.93 99.731 787.111 100.044C787.189 100.141 787.276 100.231 787.371 100.312C787.653 100.266 788.009 100.232 788.348 100.147C798.687 97.5724 809.094 95.3341 819.603 93.5799C826.769 92.3781 833.957 91.3017 841.202 90.7321C847.007 90.2708 852.812 89.8494 858.629 89.5931C863.496 89.388 868.381 89.3311 873.249 89.4678C882.409 89.7054 891.541 90.5865 900.58 92.1048C922.405 95.8068 942.688 103.496 961.284 115.673C971.623 122.427 981.132 130.242 990.196 138.625C996.916 144.839 1003.48 151.224 1010.3 157.323C1017.54 163.782 1024.99 169.967 1033.13 175.287C1042.73 181.596 1053.54 185.802 1064.85 187.635C1075.83 189.411 1087.06 188.403 1097.55 184.702C1105.46 181.958 1113.04 178.328 1120.14 173.88C1128.61 168.646 1136.95 163.207 1145.32 157.813C1154.41 151.953 1163.62 146.303 1173.31 141.473C1186.07 135.019 1199.66 130.386 1213.69 127.707C1219.1 126.704 1224.57 126.016 1230.06 125.645C1235.61 125.273 1241.16 125.231 1246.71 125.52C1255.55 125.957 1264.32 127.26 1272.91 129.41C1278.63 130.857 1284.29 132.605 1289.97 134.223C1290.27 134.308 1290.54 134.439 1291 134.604C1290.63 136.201 1290.14 137.768 1289.54 139.292C1288.79 139.064 1288.14 138.882 1287.51 138.677C1278.69 135.729 1269.65 133.487 1260.48 131.973C1255.72 131.17 1250.91 130.674 1246.08 130.486C1242.61 130.384 1239.13 130.247 1235.67 130.344C1222.97 130.705 1210.39 132.832 1198.27 136.666C1186.54 140.351 1175.48 145.551 1164.82 151.656C1155.86 156.782 1147.26 162.478 1138.63 168.133C1130.79 173.259 1122.93 178.385 1114.62 182.702C1106.94 186.689 1098.98 189.987 1090.49 191.815C1083.51 193.346 1076.34 193.792 1069.22 193.136C1052.59 191.587 1037.79 185.311 1024.48 175.304C1015.33 168.415 1006.58 160.98 998.305 153.04C990.286 145.357 982.211 137.737 973.56 130.76C964.395 123.28 954.477 116.79 943.97 111.395C932.864 105.79 921.117 101.582 908.993 98.8653C901.371 97.1645 893.649 95.9527 885.875 95.2373C876.159 94.37 866.397 94.1512 856.652 94.5823C848.126 94.9012 839.638 95.7214 831.179 96.8605C817.366 98.7585 803.667 101.42 790.143 104.834C789.929 104.885 789.72 104.971 789.432 105.068C789.482 105.425 789.554 105.778 789.646 106.127C793.181 116.789 792.679 127.371 788.839 137.811C783.937 151.132 775.032 161.111 763.174 168.566C758.905 171.249 754.263 173.174 749.717 175.281C747.583 176.267 745.437 177.229 743.302 178.209C742.941 178.374 742.591 178.573 742.077 178.835L749.367 195.096C747.967 195.973 746.481 196.474 744.917 197.243C740.276 186.934 735.662 176.682 730.986 166.305C730.518 166.493 730.111 166.641 729.721 166.818C717.148 172.563 704.572 178.313 691.995 184.069C690.097 184.941 688.177 185.391 686.088 184.907C684.447 184.533 682.959 183.661 681.826 182.407C680.693 181.153 679.969 179.578 679.752 177.895C679.532 176.259 679.812 174.594 680.555 173.123C681.297 171.651 682.467 170.443 683.908 169.66C685.986 168.572 688.155 167.649 690.289 166.675L722.838 151.787C723.222 151.611 723.617 151.394 724.142 151.133ZM714.159 85.4866C726.559 113.049 738.903 140.488 751.191 167.803C751.321 168.088 751.49 168.373 751.648 168.629C751.679 168.663 751.718 168.689 751.761 168.703C751.802 168.717 751.843 168.728 751.886 168.737C756.075 167.036 760.055 164.85 763.744 162.222C773.44 155.29 780.64 146.405 784.587 135.014C787.122 127.69 787.845 120.178 786.236 112.563C783.452 99.3779 775.721 90.0259 763.851 84.0856C755.754 80.0475 747.103 78.5837 738.096 79.0679C730.916 79.4699 723.864 81.1574 717.27 84.0514C716.276 84.5013 715.305 84.9627 714.159 85.4866ZM747.182 170.947C734.646 143.085 722.172 115.359 709.658 87.537L702.464 90.8461L739.434 173.003C739.587 173.328 739.773 173.641 739.948 173.954C739.948 173.988 740.021 174 740.061 174.017C740.138 174.052 740.217 174.082 740.298 174.108L747.182 170.947ZM704.519 107.539C703.955 107.779 703.48 107.95 703.034 108.155L674.196 121.34C671.158 122.729 668.125 124.13 665.081 125.509C664.55 125.71 664.078 126.046 663.713 126.485C663.348 126.925 663.102 127.451 662.998 128.015C662.886 128.587 662.93 129.179 663.124 129.728C663.318 130.277 663.655 130.764 664.1 131.136C664.546 131.508 665.082 131.752 665.653 131.842C666.224 131.932 666.809 131.865 667.346 131.648C669.108 130.959 670.807 130.093 672.53 129.308L705.564 114.215C706.078 113.975 706.575 113.708 707.173 113.411L704.519 107.539ZM726.226 155.757C725.627 156.014 725.215 156.184 724.809 156.372L687.217 173.544C686.843 173.707 686.48 173.898 686.133 174.114C685.519 174.51 685.054 175.102 684.813 175.796C684.571 176.489 684.567 177.245 684.8 177.941C685.036 178.637 685.5 179.23 686.117 179.622C686.734 180.014 687.465 180.18 688.189 180.094C688.723 180.014 689.241 179.851 689.725 179.61C702.34 173.857 714.951 168.095 727.559 162.324C727.96 162.142 728.349 161.931 728.863 161.669L726.226 155.757Z"
@@ -366,7 +366,7 @@ class WattEmptyStateNotFoundComponent {
     </svg>
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattEmptyStateNotFoundComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattEmptyStateNotFoundComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'watt-empty-state-not-found',

package/fesm2022/energinet-watt-expandable-card.mjs

@@ -24,10 +24,10 @@ import { MatExpansionModule } from '@angular/material/expansion';
 //#endregion
 class WattExpandableCardContentDirective {
     templateRef = inject(TemplateRef);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattExpandableCardContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.5", type: WattExpandableCardContentDirective, isStandalone: true, selector: "[wattExpandableCardContent]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattExpandableCardContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.6", type: WattExpandableCardContentDirective, isStandalone: true, selector: "[wattExpandableCardContent]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattExpandableCardContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattExpandableCardContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[wattExpandableCardContent]',
@@ -52,8 +52,8 @@ class WattExpandableCardComponent {
     togglePosition = input('after', ...(ngDevMode ? [{ debugName: "togglePosition" }] : []));
     /** Whether the card is elevated or has solid border */
     variant = input('elevation', ...(ngDevMode ? [{ debugName: "variant" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattExpandableCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: WattExpandableCardComponent, isStandalone: true, selector: "watt-expandable-card", inputs: { expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, togglePosition: { classPropertyName: "togglePosition", publicName: "togglePosition", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "cardContent", first: true, predicate: WattExpandableCardContentDirective, descendants: true, isSignal: true }, { propertyName: "containsNestedCard", first: true, predicate: WattExpandableCardComponent, descendants: true, isSignal: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattExpandableCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: WattExpandableCardComponent, isStandalone: true, selector: "watt-expandable-card", inputs: { expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, togglePosition: { classPropertyName: "togglePosition", publicName: "togglePosition", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "cardContent", first: true, predicate: WattExpandableCardContentDirective, descendants: true, isSignal: true }, { propertyName: "containsNestedCard", first: true, predicate: WattExpandableCardComponent, descendants: true, isSignal: true }], ngImport: i0, template: `
     <mat-expansion-panel
       [togglePosition]="togglePosition()"
       [expanded]="expanded()"
@@ -79,7 +79,7 @@ class WattExpandableCardComponent {
     </mat-expansion-panel>
   `, isInline: true, styles: ["watt-expandable-card{display:block}watt-expandable-card+watt-expandable-card{margin-top:var(--watt-space-m)}.watt-expandable-card.mat-expansion-panel{border-radius:4px!important}.watt-expandable-card.mat-expansion-panel .mat-expansion-panel-header{color:var(--watt-typography-headline-color);font-size:1rem;line-height:1.5rem;font-weight:600;text-transform:none;letter-spacing:0;height:var(--watt-space-xl);padding:0 var(--watt-space-m)}.watt-expandable-card.mat-expansion-panel .mat-expansion-panel-header:hover:not([aria-disabled=true]){background:var(--watt-color-neutral-white)}.watt-expandable-card.mat-expansion-panel .mat-expansion-panel-header.mat-expansion-toggle-indicator-before .mat-expansion-indicator{margin-top:-6px;transform-origin:center 15px}.watt-expandable-card.mat-expansion-panel .mat-expansion-panel-header.mat-expansion-toggle-indicator-before .mat-expansion-indicator:after{border-color:var(--watt-color-primary)}.watt-expandable-card.mat-expansion-panel .mat-expansion-panel-header.mat-expansion-toggle-indicator-before .mat-expansion-panel-header-title{margin-right:0}.watt-expandable-card.mat-expansion-panel .mat-expansion-indicator{margin-top:-6px;transform-origin:center 15px}.watt-expandable-card.mat-expansion-panel .mat-expansion-indicator:after{border-color:var(--watt-color-primary)}.watt-expandable-card.mat-expansion-panel .mat-expansion-panel-body{border-top:1px solid var(--watt-color-neutral-grey-300);padding:0 var(--watt-space-m)}.watt-expandable-card.mat-expansion-panel .mat-expansion-panel-header-title>watt-badge{margin-right:var(--watt-space-m)}.watt-expandable-card.mat-expansion-panel.watt-solid{border:1px solid var(--watt-color-neutral-grey-300);box-shadow:none}.watt-expandable-card.mat-expansion-panel.watt-expandable-card__parent .watt-expandable-card.mat-expansion-panel.watt-solid{border:none}.watt-expandable-card.mat-expansion-panel.watt-expandable-card__parent>.mat-expansion-panel-content>.mat-expansion-panel-body{border-top:none}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "component", type: i1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i1.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i1.MatExpansionPanelContent, selector: "ng-template[matExpansionPanelContent]" }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattExpandableCardComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattExpandableCardComponent, decorators: [{
             type: Component,
             args: [{ imports: [NgTemplateOutlet, MatExpansionModule], encapsulation: ViewEncapsulation.None, selector: 'watt-expandable-card', template: `
     <mat-expansion-panel
@@ -108,10 +108,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
   `, styles: ["watt-expandable-card{display:block}watt-expandable-card+watt-expandable-card{margin-top:var(--watt-space-m)}.watt-expandable-card.mat-expansion-panel{border-radius:4px!important}.watt-expandable-card.mat-expansion-panel .mat-expansion-panel-header{color:var(--watt-typography-headline-color);font-size:1rem;line-height:1.5rem;font-weight:600;text-transform:none;letter-spacing:0;height:var(--watt-space-xl);padding:0 var(--watt-space-m)}.watt-expandable-card.mat-expansion-panel .mat-expansion-panel-header:hover:not([aria-disabled=true]){background:var(--watt-color-neutral-white)}.watt-expandable-card.mat-expansion-panel .mat-expansion-panel-header.mat-expansion-toggle-indicator-before .mat-expansion-indicator{margin-top:-6px;transform-origin:center 15px}.watt-expandable-card.mat-expansion-panel .mat-expansion-panel-header.mat-expansion-toggle-indicator-before .mat-expansion-indicator:after{border-color:var(--watt-color-primary)}.watt-expandable-card.mat-expansion-panel .mat-expansion-panel-header.mat-expansion-toggle-indicator-before .mat-expansion-panel-header-title{margin-right:0}.watt-expandable-card.mat-expansion-panel .mat-expansion-indicator{margin-top:-6px;transform-origin:center 15px}.watt-expandable-card.mat-expansion-panel .mat-expansion-indicator:after{border-color:var(--watt-color-primary)}.watt-expandable-card.mat-expansion-panel .mat-expansion-panel-body{border-top:1px solid var(--watt-color-neutral-grey-300);padding:0 var(--watt-space-m)}.watt-expandable-card.mat-expansion-panel .mat-expansion-panel-header-title>watt-badge{margin-right:var(--watt-space-m)}.watt-expandable-card.mat-expansion-panel.watt-solid{border:1px solid var(--watt-color-neutral-grey-300);box-shadow:none}.watt-expandable-card.mat-expansion-panel.watt-expandable-card__parent .watt-expandable-card.mat-expansion-panel.watt-solid{border:none}.watt-expandable-card.mat-expansion-panel.watt-expandable-card__parent>.mat-expansion-panel-content>.mat-expansion-panel-body{border-top:none}\n"] }]
         }], propDecorators: { cardContent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => WattExpandableCardContentDirective), { isSignal: true }] }], containsNestedCard: [{ type: i0.ContentChild, args: [i0.forwardRef(() => WattExpandableCardComponent), { isSignal: true }] }], expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: false }] }], togglePosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "togglePosition", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }] } });
 class WattExpandableCardTitleComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattExpandableCardTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: WattExpandableCardTitleComponent, isStandalone: true, selector: "watt-expandable-card-title", ngImport: i0, template: `<ng-content />`, isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattExpandableCardTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.6", type: WattExpandableCardTitleComponent, isStandalone: true, selector: "watt-expandable-card-title", ngImport: i0, template: `<ng-content />`, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattExpandableCardTitleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattExpandableCardTitleComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'watt-expandable-card-title',

package/fesm2022/energinet-watt-field.mjs

@@ -31,10 +31,10 @@ import { Subject } from 'rxjs';
 class WattFieldIntlService {
     changes = new Subject();
     required = 'Field is required';
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattFieldIntlService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattFieldIntlService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattFieldIntlService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattFieldIntlService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattFieldIntlService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattFieldIntlService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -58,10 +58,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
  */
 //#endregion
 class WattFieldErrorComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattFieldErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: WattFieldErrorComponent, isStandalone: true, selector: "watt-field-error", ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["watt-field-error{color:var(--watt-color-state-danger)}\n"], encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattFieldErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.6", type: WattFieldErrorComponent, isStandalone: true, selector: "watt-field-error", ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["watt-field-error{color:var(--watt-color-state-danger)}\n"], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattFieldErrorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattFieldErrorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'watt-field-error', template: `<ng-content />`, encapsulation: ViewEncapsulation.None, styles: ["watt-field-error{color:var(--watt-color-state-danger)}\n"] }]
         }] });
@@ -137,8 +137,8 @@ class WattFieldComponent {
         const validators = [Validators.required, WattRangeValidators.required];
         return validators.some((validator) => control.hasValidator(validator));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: WattFieldComponent, isStandalone: true, selector: "watt-field", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, chipMode: { classPropertyName: "chipMode", publicName: "chipMode", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, anchorName: { classPropertyName: "anchorName", publicName: "anchorName", isSignal: true, isRequired: false, transformFunction: null }, displayMode: { classPropertyName: "displayMode", publicName: "displayMode", isSignal: true, isRequired: false, transformFunction: null }, autoFocus: { classPropertyName: "autoFocus", publicName: "autoFocus", isSignal: true, isRequired: false, transformFunction: null }, showErrors: { classPropertyName: "showErrors", publicName: "showErrors", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.watt-field--disabled": "control()?.disabled", "class.watt-field--show-errors": "showErrors()", "class": "className()" } }, viewQueries: [{ propertyName: "labelElement", first: true, predicate: ["label"], descendants: true, isSignal: true }, { propertyName: "wattLabelElement", first: true, predicate: ["wattLabel"], descendants: true, isSignal: true }, { propertyName: "wrapper", first: true, predicate: ["wrapper"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: WattFieldComponent, isStandalone: true, selector: "watt-field", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, chipMode: { classPropertyName: "chipMode", publicName: "chipMode", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, anchorName: { classPropertyName: "anchorName", publicName: "anchorName", isSignal: true, isRequired: false, transformFunction: null }, displayMode: { classPropertyName: "displayMode", publicName: "displayMode", isSignal: true, isRequired: false, transformFunction: null }, autoFocus: { classPropertyName: "autoFocus", publicName: "autoFocus", isSignal: true, isRequired: false, transformFunction: null }, showErrors: { classPropertyName: "showErrors", publicName: "showErrors", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.watt-field--disabled": "control()?.disabled", "class.watt-field--show-errors": "showErrors()", "class": "className()" } }, viewQueries: [{ propertyName: "labelElement", first: true, predicate: ["label"], descendants: true, isSignal: true }, { propertyName: "wattLabelElement", first: true, predicate: ["wattLabel"], descendants: true, isSignal: true }, { propertyName: "wrapper", first: true, predicate: ["wrapper"], descendants: true, isSignal: true }], ngImport: i0, template: `
     @if (chipMode() || displayMode() !== 'box') {
       <span [attr.autofocus]="autoFocus() || null" class="watt-label" #wattLabel>
         <ng-container *ngTemplateOutlet="template" />
@@ -187,7 +187,7 @@ class WattFieldComponent {
     </ng-template>
   `, isInline: true, styles: ["[watt-field-disabled=true] watt-field .label,.watt-field--disabled .label{color:var(--watt-disabled-text-label-color)}[watt-field-disabled=true] .watt-field-wrapper,.watt-field--disabled .watt-field-wrapper{background-color:var(--watt-field-disabled-background-color)}watt-field watt-field-hint{display:block}watt-field :is(watt-field-error,watt-field-warning),.ng-valid watt-field :is(watt-field-error,watt-field-warning),watt-field:has(.ng-valid) :is(watt-field-error,watt-field-warning){display:none}form.ng-submitted .ng-invalid watt-field watt-field-hint,form.ng-submitted watt-field:has(.ng-invalid) watt-field-hint,:not(form).ng-touched.ng-invalid watt-field watt-field-hint{display:none}form.ng-submitted .ng-invalid watt-field.watt-field--show-errors :is(watt-field-error,watt-field-warning),form.ng-submitted watt-field:has(.ng-invalid).watt-field--show-errors :is(watt-field-error,watt-field-warning),:not(form).ng-touched.ng-invalid watt-field.watt-field--show-errors :is(watt-field-error,watt-field-warning){display:block}form.ng-submitted .ng-invalid watt-field.watt-field--show-errors .watt-field-wrapper,form.ng-submitted watt-field:has(.ng-invalid).watt-field--show-errors .watt-field-wrapper,:not(form).ng-touched.ng-invalid watt-field.watt-field--show-errors .watt-field-wrapper{border-color:var(--watt-color-state-danger)}form.ng-submitted .ng-invalid watt-field.watt-field--show-errors .label,form.ng-submitted watt-field:has(.ng-invalid).watt-field--show-errors .label,:not(form).ng-touched.ng-invalid watt-field.watt-field--show-errors .label{color:var(--watt-color-state-danger)}form.ng-submitted .ng-invalid watt-field.watt-field--show-errors .label.required:after,form.ng-submitted watt-field:has(.ng-invalid).watt-field--show-errors .label.required:after,:not(form).ng-touched.ng-invalid watt-field.watt-field--show-errors .label.required:after{color:var(--watt-color-state-danger)}form.ng-submitted .ng-invalid watt-field.watt-field--show-errors:has(watt-field-error,watt-field-warning),form.ng-submitted watt-field:has(.ng-invalid).watt-field--show-errors:has(watt-field-error,watt-field-warning),:not(form).ng-touched.ng-invalid watt-field.watt-field--show-errors:has(watt-field-error,watt-field-warning){padding-bottom:0}form.ng-submitted .ng-invalid watt-field.watt-field--show-errors:has(watt-field-warning):not(:has(watt-field-error)) .label,form.ng-submitted watt-field:has(.ng-invalid).watt-field--show-errors:has(watt-field-warning):not(:has(watt-field-error)) .label,:not(form).ng-touched.ng-invalid watt-field.watt-field--show-errors:has(watt-field-warning):not(:has(watt-field-error)) .label{color:var(--watt-text-color)}form.ng-submitted .ng-invalid watt-field.watt-field--show-errors:has(watt-field-warning):not(:has(watt-field-error)) .watt-field-wrapper,form.ng-submitted watt-field:has(.ng-invalid).watt-field--show-errors:has(watt-field-warning):not(:has(watt-field-error)) .watt-field-wrapper,:not(form).ng-touched.ng-invalid watt-field.watt-field--show-errors:has(watt-field-warning):not(:has(watt-field-error)) .watt-field-wrapper{border-color:var(--watt-color-state-warning)}.watt-field-wrapper input{width:100%;border:none;outline:none;background-color:transparent}.watt-field-placeholder{position:absolute;padding:1px 2px;pointer-events:none;white-space:nowrap}.watt-field--has-placeholder input,.watt-field-placeholder{font-family:Droid Sans Mono,monospace;letter-spacing:-.03em}.watt-field-filler{color:var(--watt-on-light-low-emphasis)}.watt-field-ghost{color:transparent}watt-field{--watt-text-color: var(--watt-on-light-high-emphasis);--watt-disabled-text-label-color: var(--watt-on-light-low-emphasis);--watt-field-disabled-background-color: var(--watt-color-neutral-grey-100);--watt-input-border-radius: 4px;--watt-border-color: var(--watt-on-light-low-emphasis);--watt-label-text-color: var(--watt-text-color);width:100%;display:block}watt-field:not(.watt-field--chip,:has(watt-field-hint)){padding-bottom:20px}watt-field .label{min-height:27px;display:flex;align-items:center}watt-field .label watt-icon{margin-left:var(--watt-space-s)}watt-field .label watt-tooltip{max-width:250px}watt-field .label.required:after{content:\"*\"}watt-field>label,watt-field>.watt-label{color:var(--watt-label-text-color);display:block;width:100%}watt-field>label .watt-field-wrapper,watt-field>.watt-label .watt-field-wrapper{font-size:.875rem;line-height:1.25rem;font-weight:400;text-transform:none;letter-spacing:0;display:flex;position:relative;width:100%;padding:0 var(--watt-space-s);border-radius:var(--watt-input-border-radius);border:1px solid var(--watt-border-color);overflow:hidden;color:var(--watt-text-color);align-items:center;gap:var(--watt-space-m);background-color:var(--watt-color-neutral-white)}watt-field>label .watt-field-wrapper:focus-within,watt-field>.watt-label .watt-field-wrapper:focus-within{--watt-border-color: var(--watt-color-primary)}watt-field>label watt-field-hint,watt-field>label watt-field-error,watt-field>label watt-field-warning,watt-field>.watt-label watt-field-hint,watt-field>.watt-label watt-field-error,watt-field>.watt-label watt-field-warning{font-size:.875rem;line-height:1.25rem;font-weight:400;text-transform:none;letter-spacing:0}watt-field>label :not(.watt-field--chip) :is(watt-field-hint,watt-field-error,watt-field-warning),watt-field>.watt-label :not(.watt-field--chip) :is(watt-field-hint,watt-field-error,watt-field-warning){padding:0 var(--watt-space-s)}watt-field:not(.watt-field--box)>:is(label,.watt-label)>vater-flex>.watt-field-wrapper{border:none;padding:0}watt-field.watt-field--chip watt-field-hint,watt-field.watt-field--chip watt-field-error,watt-field.watt-field--chip watt-field-warning{margin-top:var(--watt-space-xs)}watt-field.watt-field--box .watt-field-wrapper{min-height:46px}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: WattIconComponent, selector: "watt-icon", inputs: ["name", "label", "size", "state"] }, { kind: "directive", type: WattTooltipDirective, selector: "[wattTooltip]", inputs: ["wattTooltip", "wattTooltipPosition", "wattTooltipVariant", "wattTooltipAlwaysVisible"], exportAs: ["wattTooltip"] }, { kind: "component", type: WattFieldErrorComponent, selector: "watt-field-error" }, { kind: "component", type: VaterFlexComponent, selector: "vater-flex, [vater-flex]", inputs: ["autoSize"] }, { kind: "directive", type: VaterUtilityDirective, selector: "[vater]", inputs: ["center", "fill", "inset", "scrollable", "sticky", "fragment", "contain"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'watt-field', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
                         NgTemplateOutlet,
@@ -269,10 +269,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
  */
 //#endregion
 class WattFieldHintComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattFieldHintComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: WattFieldHintComponent, isStandalone: true, selector: "watt-field-hint", ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host{color:var(--watt-color-neutral-grey-700)}\n"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattFieldHintComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.6", type: WattFieldHintComponent, isStandalone: true, selector: "watt-field-hint", ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host{color:var(--watt-color-neutral-grey-700)}\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattFieldHintComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattFieldHintComponent, decorators: [{
             type: Component,
             args: [{ selector: 'watt-field-hint', template: `<ng-content />`, styles: [":host{color:var(--watt-color-neutral-grey-700)}\n"] }]
         }] });
@@ -296,10 +296,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
  */
 //#endregion
 class WattFieldWarningComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattFieldWarningComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: WattFieldWarningComponent, isStandalone: true, selector: "watt-field-warning", ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["watt-field-warning{color:var(--watt-color-state-warning)}\n"], encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattFieldWarningComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.6", type: WattFieldWarningComponent, isStandalone: true, selector: "watt-field-warning", ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["watt-field-warning{color:var(--watt-color-state-warning)}\n"], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattFieldWarningComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattFieldWarningComponent, decorators: [{
             type: Component,
             args: [{ selector: 'watt-field-warning', template: `<ng-content />`, encapsulation: ViewEncapsulation.None, styles: ["watt-field-warning{color:var(--watt-color-state-warning)}\n"] }]
         }] });

package/fesm2022/energinet-watt-file-field.mjs

@@ -27,8 +27,8 @@ class WattFileField {
     placeholder = input('', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
     clear = output();
     clearSubscription = this.clear.subscribe(() => this.file.set(undefined));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattFileField, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: WattFileField, isStandalone: true, selector: "watt-file-field", inputs: { file: { classPropertyName: "file", publicName: "file", 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 } }, outputs: { file: "fileChange", clear: "clear" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattFileField, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: WattFileField, isStandalone: true, selector: "watt-file-field", inputs: { file: { classPropertyName: "file", publicName: "file", 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 } }, outputs: { file: "fileChange", clear: "clear" }, ngImport: i0, template: `
     <watt-field [label]="label()">
       <input
         disabled
@@ -47,7 +47,7 @@ class WattFileField {
     </watt-field>
   `, isInline: true, styles: [".watt-file-field-text{color:var(--watt-color-primary)}.watt-file-field-text:placeholder-shown{color:var(--watt-input-placeholder-color)}\n"], dependencies: [{ 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", "displayMode", "autoFocus", "showErrors"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattFileField, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattFileField, decorators: [{
             type: Component,
             args: [{ selector: 'watt-file-field', imports: [WattButtonComponent, WattFieldComponent], encapsulation: ViewEncapsulation.None, template: `
     <watt-field [label]="label()">

package/fesm2022/energinet-watt-heading.mjs

@@ -26,10 +26,10 @@ import { input, computed, ViewEncapsulation, Component } from '@angular/core';
 class WattHeadingComponent {
     size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
     class = computed(() => (this.size() ? 'watt-headline-' + this.size() : null), ...(ngDevMode ? [{ debugName: "class" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattHeadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: WattHeadingComponent, isStandalone: true, selector: "watt-heading, [watt-heading]", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "class()", "attr.size": "null" } }, ngImport: i0, template: '<ng-content />', isInline: true, styles: ["watt-heading,[watt-heading]{margin:0}\n"], encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattHeadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.6", type: WattHeadingComponent, isStandalone: true, selector: "watt-heading, [watt-heading]", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "class()", "attr.size": "null" } }, ngImport: i0, template: '<ng-content />', isInline: true, styles: ["watt-heading,[watt-heading]{margin:0}\n"], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattHeadingComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattHeadingComponent, decorators: [{
             type: Component,
             args: [{ selector: 'watt-heading, [watt-heading]', encapsulation: ViewEncapsulation.None, template: '<ng-content />', host: {
                         '[class]': 'class()',

package/fesm2022/energinet-watt-icon-flags.mjs

@@ -21,8 +21,8 @@ import { WattIconComponent } from '@energinet/watt/icon';
  */
 //#endregion
 class WattFlagDenmarkComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattFlagDenmarkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: WattFlagDenmarkComponent, isStandalone: true, selector: "watt-flag-dk", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattFlagDenmarkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.6", type: WattFlagDenmarkComponent, isStandalone: true, selector: "watt-flag-dk", ngImport: i0, template: `
     <svg viewBox="0 0 640 480">
       <path fill="#c8102e" d="M0 0h640.1v480H0z" />
       <path fill="#fff" d="M205.7 0h68.6v480h-68.6z" />
@@ -30,7 +30,7 @@ class WattFlagDenmarkComponent {
     </svg>
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattFlagDenmarkComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattFlagDenmarkComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'watt-flag-dk',
@@ -63,8 +63,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
  */
 //#endregion
 class WattFlagFinlandComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattFlagFinlandComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: WattFlagFinlandComponent, isStandalone: true, selector: "watt-flag-fi", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattFlagFinlandComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.6", type: WattFlagFinlandComponent, isStandalone: true, selector: "watt-flag-fi", ngImport: i0, template: `
     <svg viewBox="0 0 640 480">
       <path fill="#fff" d="M0 0h640v480H0z" />
       <path fill="#002f6c" d="M0 174.5h640v131H0z" />
@@ -72,7 +72,7 @@ class WattFlagFinlandComponent {
     </svg>
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattFlagFinlandComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattFlagFinlandComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'watt-flag-fi',
@@ -105,8 +105,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
  */
 //#endregion
 class WattFlagGermanyComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattFlagGermanyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: WattFlagGermanyComponent, isStandalone: true, selector: "watt-flag-de", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattFlagGermanyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.6", type: WattFlagGermanyComponent, isStandalone: true, selector: "watt-flag-de", ngImport: i0, template: `
     <svg viewBox="0 0 640 480">
       <path fill="#ffce00" d="M0 320h640v160H0z" />
       <path fill="#000001" d="M0 0h640v160H0z" />
@@ -114,7 +114,7 @@ class WattFlagGermanyComponent {
     </svg>
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattFlagGermanyComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattFlagGermanyComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'watt-flag-de',
@@ -147,8 +147,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
  */
 //#endregion
 class WattFlagNorwayComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattFlagNorwayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: WattFlagNorwayComponent, isStandalone: true, selector: "watt-flag-no", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattFlagNorwayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.6", type: WattFlagNorwayComponent, isStandalone: true, selector: "watt-flag-no", ngImport: i0, template: `
     <svg viewBox="0 0 640 480">
       <path fill="#ed2939" d="M0 0h640v480H0z" />
       <path fill="#fff" d="M180 0h120v480H180z" />
@@ -158,7 +158,7 @@ class WattFlagNorwayComponent {
     </svg>
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattFlagNorwayComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattFlagNorwayComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'watt-flag-no',
@@ -193,8 +193,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
  */
 //#endregion
 class WattFlagPolandComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattFlagPolandComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: WattFlagPolandComponent, isStandalone: true, selector: "watt-flag-pl", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattFlagPolandComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.6", type: WattFlagPolandComponent, isStandalone: true, selector: "watt-flag-pl", ngImport: i0, template: `
     <svg viewBox="0 0 640 480">
       <g fill-rule="evenodd">
         <path fill="#fff" d="M640 480H0V0h640z" />
@@ -203,7 +203,7 @@ class WattFlagPolandComponent {
     </svg>
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattFlagPolandComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattFlagPolandComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'watt-flag-pl',
@@ -237,15 +237,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
  */
 //#endregion
 class WattFlagSwedenComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattFlagSwedenComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: WattFlagSwedenComponent, isStandalone: true, selector: "watt-flag-se", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattFlagSwedenComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.6", type: WattFlagSwedenComponent, isStandalone: true, selector: "watt-flag-se", ngImport: i0, template: `
     <svg viewBox="0 0 640 480">
       <path fill="#005293" d="M0 0h640v480H0z" />
       <path fill="#fecb00" d="M176 0v192H0v96h176v192h96V288h368v-96H272V0z" />
     </svg>
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattFlagSwedenComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattFlagSwedenComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'watt-flag-se',
@@ -277,8 +277,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
  */
 //#endregion
 class WattFlagNetherlandsComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattFlagNetherlandsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: WattFlagNetherlandsComponent, isStandalone: true, selector: "watt-flag-nl", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattFlagNetherlandsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.6", type: WattFlagNetherlandsComponent, isStandalone: true, selector: "watt-flag-nl", ngImport: i0, template: `
     <svg viewBox="0 0 640 480">
       <path fill="#21468b" d="M0 0h640v480H0z" />
       <path fill="#fff" d="M0 160h640v160H0z" />
@@ -286,7 +286,7 @@ class WattFlagNetherlandsComponent {
     </svg>
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattFlagNetherlandsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattFlagNetherlandsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'watt-flag-nl',
@@ -319,8 +319,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
  */
 //#endregion
 class WattFlagSwitzerlandComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattFlagSwitzerlandComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: WattFlagSwitzerlandComponent, isStandalone: true, selector: "watt-flag-ch", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattFlagSwitzerlandComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.6", type: WattFlagSwitzerlandComponent, isStandalone: true, selector: "watt-flag-ch", ngImport: i0, template: `
     <svg viewBox="0 0 640 480">
       <g fill="#ff0000">
         <path d="M0 0h640v480H0z" />
@@ -332,7 +332,7 @@ class WattFlagSwitzerlandComponent {
     </svg>
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattFlagSwitzerlandComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattFlagSwitzerlandComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'watt-flag-ch',
@@ -369,8 +369,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
  */
 //#endregion
 class WattFlagUnitedKingdomComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattFlagUnitedKingdomComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: WattFlagUnitedKingdomComponent, isStandalone: true, selector: "watt-flag-gb", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattFlagUnitedKingdomComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.6", type: WattFlagUnitedKingdomComponent, isStandalone: true, selector: "watt-flag-gb", ngImport: i0, template: `
     <svg viewBox="0 0 640 480">
       <path fill="#012169" d="M0 0h640v480H0z" />
       <path
@@ -386,7 +386,7 @@ class WattFlagUnitedKingdomComponent {
     </svg>
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattFlagUnitedKingdomComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattFlagUnitedKingdomComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'watt-flag-gb',
@@ -433,8 +433,8 @@ class WattFlagComponent {
     label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
     /** Size of the icon. */
     size = input('m', ...(ngDevMode ? [{ debugName: "size" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattFlagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: WattFlagComponent, isStandalone: true, selector: "watt-flag", inputs: { country: { classPropertyName: "country", publicName: "country", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattFlagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: WattFlagComponent, isStandalone: true, selector: "watt-flag", inputs: { country: { classPropertyName: "country", publicName: "country", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
     <watt-icon [size]="size()" [label]="label()">
       @switch (country()) {
         @case ('DK') {
@@ -468,7 +468,7 @@ class WattFlagComponent {
     </watt-icon>
   `, isInline: true, dependencies: [{ kind: "component", type: WattFlagDenmarkComponent, selector: "watt-flag-dk" }, { kind: "component", type: WattFlagFinlandComponent, selector: "watt-flag-fi" }, { kind: "component", type: WattFlagGermanyComponent, selector: "watt-flag-de" }, { kind: "component", type: WattFlagNorwayComponent, selector: "watt-flag-no" }, { kind: "component", type: WattFlagPolandComponent, selector: "watt-flag-pl" }, { kind: "component", type: WattFlagSwedenComponent, selector: "watt-flag-se" }, { kind: "component", type: WattFlagNetherlandsComponent, selector: "watt-flag-nl" }, { kind: "component", type: WattFlagSwitzerlandComponent, selector: "watt-flag-ch" }, { kind: "component", type: WattFlagUnitedKingdomComponent, selector: "watt-flag-gb" }, { 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: WattFlagComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattFlagComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'watt-flag',

package/fesm2022/energinet-watt-icon.mjs

@@ -157,8 +157,8 @@ class WattIconComponent {
         }
     }, ...(ngDevMode ? [{ debugName: "computedState" }] : []));
     classNames = computed(() => `icon-size-${this.size()} icon-state-${this.computedState()}`, ...(ngDevMode ? [{ debugName: "classNames" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: WattIconComponent, isStandalone: true, selector: "watt-icon", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classNames()" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: WattIconComponent, isStandalone: true, selector: "watt-icon", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classNames()" } }, ngImport: i0, template: `
     @if (icon()) {
       <mat-icon aria-hidden="false" [attr.aria-label]="label()" fontSet="material-symbols-sharp">
         {{ icon() }}
@@ -170,7 +170,7 @@ class WattIconComponent {
     }
   `, isInline: true, styles: [":root{--watt-icon-fill: 0;--watt-icon-size-xs: 16px;--watt-icon-size-s: 20px;--watt-icon-size-m: 24px;--watt-icon-size-l: 32px;--watt-icon-size-xl: 64px;--watt-icon-size-xxl: 128px}watt-icon{display:flex;justify-content:center;align-items:center}watt-icon[fill]{--watt-icon-fill: 1}watt-icon.icon-size-xs .mat-icon,watt-icon.icon-size-xs .watt-custom-icon{font-size:var(--watt-icon-size-xs);line-height:var(--watt-icon-size-xs);width:var(--watt-icon-size-xs);height:var(--watt-icon-size-xs)}watt-icon.icon-size-xs .material-symbols-sharp{font-variation-settings:\"FILL\" var(--watt-icon-fill),\"wght\" 300,\"GRAD\" 0,\"opsz\" 20}watt-icon.icon-size-s .mat-icon,watt-icon.icon-size-s .watt-custom-icon{font-size:var(--watt-icon-size-s);line-height:var(--watt-icon-size-s);width:var(--watt-icon-size-s);height:var(--watt-icon-size-s)}watt-icon.icon-size-s .material-symbols-sharp{font-variation-settings:\"FILL\" var(--watt-icon-fill),\"wght\" 300,\"GRAD\" regular,\"opsz\" 20}watt-icon.icon-size-m .mat-icon,watt-icon.icon-size-m .watt-custom-icon{font-size:var(--watt-icon-size-m);line-height:var(--watt-icon-size-m);width:var(--watt-icon-size-m);height:var(--watt-icon-size-m)}watt-icon.icon-size-m .material-symbols-sharp{font-variation-settings:\"FILL\" var(--watt-icon-fill),\"wght\" 300,\"GRAD\" 0,\"opsz\" 24}watt-icon.icon-size-l .mat-icon,watt-icon.icon-size-l .watt-custom-icon{font-size:var(--watt-icon-size-l);line-height:var(--watt-icon-size-l);width:var(--watt-icon-size-l);height:var(--watt-icon-size-l)}watt-icon.icon-size-l .material-symbols-sharp{font-variation-settings:\"FILL\" var(--watt-icon-fill),\"wght\" 200,\"GRAD\" 0,\"opsz\" 24}watt-icon.icon-size-xl .mat-icon,watt-icon.icon-size-xl .watt-custom-icon{font-size:var(--watt-icon-size-xl);line-height:var(--watt-icon-size-xl);width:var(--watt-icon-size-xl);height:var(--watt-icon-size-xl)}watt-icon.icon-size-xl .material-symbols-sharp{font-variation-settings:\"FILL\" var(--watt-icon-fill),\"wght\" 200,\"GRAD\" 0,\"opsz\" 48}watt-icon.icon-size-xxl .mat-icon,watt-icon.icon-size-xxl .watt-custom-icon{font-size:var(--watt-icon-size-xxl);line-height:var(--watt-icon-size-xxl);width:var(--watt-icon-size-xxl);height:var(--watt-icon-size-xxl)}watt-icon.icon-size-xxl .material-symbols-sharp{font-variation-settings:\"FILL\" var(--watt-icon-fill),\"wght\" 100,\"GRAD\" 0,\"opsz\" 48}watt-icon .mat-icon{color:currentColor}watt-icon.icon-state-success{color:var(--watt-color-state-success)}watt-icon.icon-state-danger{color:var(--watt-color-state-danger)}watt-icon.icon-state-warning{color:var(--watt-color-state-warning)}watt-icon.icon-state-info{color:var(--watt-color-state-info)}.watt-custom-icon svg{width:100%;height:100%}\n"], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: WattIconComponent, decorators: [{
             type: Component,
             args: [{ changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { '[class]': 'classNames()' }, imports: [MatIcon], selector: 'watt-icon', template: `
     @if (icon()) {