@energinet/watt 4.3.25 → 4.3.28

package/core/styles/typography/index.scss

@@ -11,6 +11,7 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
+@use "../../breakpoints/breakpoints.import" as breakpoints;
 @use "./typography.import" as typography;
 
 body h1,
@@ -47,7 +48,14 @@ body h6,
   @include typography.watt-text-l;
 }
 
-body,
+body {
+  @include typography.watt-text-m;
+
+  @include breakpoints.media("XSmall") {
+    @include typography.watt-text-s;
+  }
+}
+
 .watt-text-m {
   @include typography.watt-text-m;
 }

package/fesm2022/energinet-watt-badge.mjs

@@ -1,5 +1,6 @@
 import * as i0 from '@angular/core';
 import { input, computed, Component } from '@angular/core';
+import { WattIconComponent } from '@energinet/watt/icon';
 
 //#region License
 /**
@@ -26,18 +27,31 @@ import { input, computed, Component } from '@angular/core';
 class WattBadgeComponent {
     type = input('info', ...(ngDevMode ? [{ debugName: "type" }] : []));
     size = input('normal', ...(ngDevMode ? [{ debugName: "size" }] : []));
+    icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
     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.1.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 } }, host: { properties: { "class": "badgeType()", "class.watt-badge-large": "isLarge()" } }, ngImport: i0, template: '<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)}@keyframes shine{0%{background-position:-100px}40%,to{background-position:140px}}\n"] });
+    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: `
+    @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: [{
             type: Component,
-            args: [{ selector: 'watt-badge', template: '<ng-content />', host: {
+            args: [{ selector: 'watt-badge', imports: [WattIconComponent], template: `
+    @if (icon()) {
+      <watt-icon [name]="icon()" [size]="iconSize()" [attr.aria-hidden]="true" />
+    }
+    <ng-content />
+  `, host: {
                         '[class]': 'badgeType()',
                         '[class.watt-badge-large]': 'isLarge()',
-                    }, 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)}@keyframes shine{0%{background-position:-100px}40%,to{background-position:140px}}\n"] }]
-        }], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
+                        '[class.watt-badge-icon]': '!!icon()',
+                    }, 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"] }]
+        }], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }] } });
 
 //#region License
 /**

package/fesm2022/energinet-watt-badge.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"energinet-watt-badge.mjs","sources":["../../../libs/watt/package/badge/watt-badge.component.ts","../../../libs/watt/package/badge/index.ts","../../../libs/watt/package/badge/energinet-watt-badge.ts"],"sourcesContent":["//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport { Component, computed, input } from '@angular/core';\n\nexport type WattBadgeType =\n  | 'warning'\n  | 'success'\n  | 'danger'\n  | 'info'\n  | 'neutral'\n  | 'version'\n  | 'skeleton';\n\nexport type WattBadgeSize = 'normal' | 'large';\n\n/**\n * Usage:\n * `import { WattBadgeComponent } from '@energinet/watt/badge';`\n */\n@Component({\n  selector: 'watt-badge',\n  styleUrls: ['./watt-badge.component.scss'],\n  template: '<ng-content />',\n  host: {\n    '[class]': 'badgeType()',\n    '[class.watt-badge-large]': 'isLarge()',\n  },\n})\nexport class WattBadgeComponent {\n  type = input<WattBadgeType>('info');\n  size = input<WattBadgeSize>('normal');\n  badgeType = computed(() => `watt-badge-${this.type()}`);\n  isLarge = computed(() => this.size() === 'large');\n}\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nexport { WattBadgeComponent, WattBadgeType, WattBadgeSize } from './watt-badge.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAAA;AACA;;;;;;;;;;;;;;;AAeG;AACH;AAcA;;;AAGG;MAUU,kBAAkB,CAAA;AAC7B,IAAA,IAAI,GAAG,KAAK,CAAgB,MAAM,gDAAC;AACnC,IAAA,IAAI,GAAG,KAAK,CAAgB,QAAQ,gDAAC;AACrC,IAAA,SAAS,GAAG,QAAQ,CAAC,MAAM,CAAA,WAAA,EAAc,IAAI,CAAC,IAAI,EAAE,CAAA,CAAE,qDAAC;AACvD,IAAA,OAAO,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,KAAK,OAAO,mDAAC;uGAJtC,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAlB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,qZANnB,gBAAgB,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,urCAAA,CAAA,EAAA,CAAA;;2FAMf,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAT9B,SAAS;+BACE,YAAY,EAAA,QAAA,EAEZ,gBAAgB,EAAA,IAAA,EACpB;AACJ,wBAAA,SAAS,EAAE,aAAa;AACxB,wBAAA,0BAA0B,EAAE,WAAW;AACxC,qBAAA,EAAA,MAAA,EAAA,CAAA,urCAAA,CAAA,EAAA;;;AC1CH;AACA;;;;;;;;;;;;;;;AAeG;AACH;;ACjBA;;AAEG;;;;"}
+{"version":3,"file":"energinet-watt-badge.mjs","sources":["../../../libs/watt/package/badge/watt-badge.component.ts","../../../libs/watt/package/badge/index.ts","../../../libs/watt/package/badge/energinet-watt-badge.ts"],"sourcesContent":["//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport { Component, computed, input } from '@angular/core';\nimport { WattIcon, WattIconComponent, WattIconSize } from '@energinet/watt/icon';\n\nexport type WattBadgeType =\n  | 'warning'\n  | 'success'\n  | 'danger'\n  | 'info'\n  | 'neutral'\n  | 'version'\n  | 'skeleton';\n\nexport type WattBadgeSize = 'normal' | 'large';\n\n/**\n * Usage:\n * `import { WattBadgeComponent } from '@energinet/watt/badge';`\n */\n@Component({\n  selector: 'watt-badge',\n  styleUrls: ['./watt-badge.component.scss'],\n  imports: [WattIconComponent],\n  template: `\n    @if (icon()) {\n      <watt-icon [name]=\"icon()\" [size]=\"iconSize()\" [attr.aria-hidden]=\"true\" />\n    }\n    <ng-content />\n  `,\n  host: {\n    '[class]': 'badgeType()',\n    '[class.watt-badge-large]': 'isLarge()',\n    '[class.watt-badge-icon]': '!!icon()',\n  },\n})\nexport class WattBadgeComponent {\n  type = input<WattBadgeType>('info');\n  size = input<WattBadgeSize>('normal');\n  icon = input<WattIcon>();\n  badgeType = computed(() => `watt-badge-${this.type()}`);\n  isLarge = computed(() => this.size() === 'large');\n  iconSize = computed<WattIconSize>(() => (this.isLarge() ? 'm' : 's'));\n}\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nexport { WattBadgeComponent, WattBadgeType, WattBadgeSize } from './watt-badge.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAAA;AACA;;;;;;;;;;;;;;;AAeG;AACH;AAeA;;;AAGG;MAiBU,kBAAkB,CAAA;AAC7B,IAAA,IAAI,GAAG,KAAK,CAAgB,MAAM,gDAAC;AACnC,IAAA,IAAI,GAAG,KAAK,CAAgB,QAAQ,gDAAC;IACrC,IAAI,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAY;AACxB,IAAA,SAAS,GAAG,QAAQ,CAAC,MAAM,CAAA,WAAA,EAAc,IAAI,CAAC,IAAI,EAAE,CAAA,CAAE,qDAAC;AACvD,IAAA,OAAO,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,KAAK,OAAO,mDAAC;IACjD,QAAQ,GAAG,QAAQ,CAAe,OAAO,IAAI,CAAC,OAAO,EAAE,GAAG,GAAG,GAAG,GAAG,CAAC,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,UAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;uGAN1D,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAlB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,aAAA,EAAA,wBAAA,EAAA,WAAA,EAAA,uBAAA,EAAA,UAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAZnB;;;;;AAKT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,6wCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EANS,iBAAiB,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,OAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAahB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAhB9B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,YAAY,EAAA,OAAA,EAEb,CAAC,iBAAiB,CAAC,EAAA,QAAA,EAClB;;;;;GAKT,EAAA,IAAA,EACK;AACJ,wBAAA,SAAS,EAAE,aAAa;AACxB,wBAAA,0BAA0B,EAAE,WAAW;AACvC,wBAAA,yBAAyB,EAAE,UAAU;AACtC,qBAAA,EAAA,MAAA,EAAA,CAAA,6wCAAA,CAAA,EAAA;;;AClDH;AACA;;;;;;;;;;;;;;;AAeG;AACH;;ACjBA;;AAEG;;;;"}

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

@@ -120,6 +120,7 @@ const danishDatetimeProviders = makeEnvironmentProviders([
  */
 //#endregion
 const formatStrings = {
+    year: 'YYYY',
     monthYear: 'MMMM YYYY',
     short: 'DD-MM-YYYY',
     shortAbbr: 'DD. MMM YYYY',

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

@@ -1 +1 @@
-{"version":3,"file":"energinet-watt-core-date.mjs","sources":["../../../libs/watt/package/core/date/dayjs.ts","../../../libs/watt/package/core/date/watt-date-adapter.ts","../../../libs/watt/package/core/date/watt-danish-datetime.providers.ts","../../../libs/watt/package/core/date/watt-format-date.ts","../../../libs/watt/package/core/date/watt-date.pipe.ts","../../../libs/watt/package/core/date/watt-locale.service.ts","../../../libs/watt/package/core/date/index.ts","../../../libs/watt/package/core/date/energinet-watt-core-date.ts"],"sourcesContent":["//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport dayjs from 'dayjs'; // eslint-disable-line no-restricted-imports\nimport utc from 'dayjs/plugin/utc';\nimport timezone from 'dayjs/plugin/timezone';\nimport duration from 'dayjs/plugin/duration';\nimport customParseFormat from 'dayjs/plugin/customParseFormat';\n\n// Force import of plugins in generated .d.ts file by exporting their types\ntype __ngPackagrDayjsTypeScriptWorkaround =\n  | typeof utc\n  | typeof timezone\n  | typeof duration\n  | typeof customParseFormat;\n\ndayjs.extend(utc);\ndayjs.extend(timezone);\ndayjs.extend(duration);\ndayjs.extend(customParseFormat);\n\nexport { dayjs, __ngPackagrDayjsTypeScriptWorkaround };\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport { NativeDateAdapter } from '@angular/material/core';\n\nexport type WattSupportedLocales = 'da' | 'en';\nconst danishLocale = 'da';\n\nexport class WattDateAdapter extends NativeDateAdapter {\n  setActiveLocale(language: WattSupportedLocales): void {\n    this.setLocale(language === danishLocale ? danishLocale : 'en-GB');\n  }\n\n  /**\n   * This is necessary to remove the dots from the date (ordinals) for danish locale in the calendar view.\n   * due to `Intl.DateTimeFormat`\n   */\n  override getDateNames(): string[] {\n    const dateNames = super.getDateNames();\n\n    return this.locale === danishLocale\n      ? dateNames.map((dateName) => dateName.replace(/\\./g, ''))\n      : dateNames;\n  }\n\n  /**\n   * Our week starts on Monday\n   * @returns 0 for Sunday, 1 for Monday, etc.\n   */\n  override getFirstDayOfWeek(): number {\n    return 1;\n  }\n}\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport {\n  DateAdapter,\n  MAT_DATE_FORMATS,\n  MAT_DATE_LOCALE,\n  MAT_NATIVE_DATE_FORMATS,\n} from '@angular/material/core';\nimport { makeEnvironmentProviders } from '@angular/core';\n\nimport { WattDateAdapter } from './watt-date-adapter';\n\nexport const danishDatetimeProviders = makeEnvironmentProviders([\n  { provide: MAT_DATE_LOCALE, useValue: 'da' },\n  {\n    provide: DateAdapter,\n    useClass: WattDateAdapter,\n    deps: [MAT_DATE_LOCALE],\n  },\n  { provide: MAT_DATE_FORMATS, useValue: MAT_NATIVE_DATE_FORMATS },\n]);\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport { dayjs } from './dayjs';\nimport { WattRange } from './watt-date-range';\n\nexport const formatStrings = {\n  monthYear: 'MMMM YYYY',\n  short: 'DD-MM-YYYY',\n  shortAbbr: 'DD. MMM YYYY',\n  long: 'DD-MM-YYYY HH:mm',\n  longAbbr: 'DD. MMM YYYY HH:mm',\n  time: 'HH:mm',\n  longAbbrWithSeconds: 'DD-MMM YYYY HH:mm:ss',\n};\n\nexport function wattFormatDate(\n  input?: WattRange<Date> | WattRange<string> | Date | string | number | null,\n  format: keyof typeof formatStrings = 'short',\n  timeZone = 'Europe/Copenhagen'\n): string | null {\n  if (!input) return null;\n\n  if (input instanceof Date || typeof input === 'string') {\n    return dayjs(input).tz(timeZone).format(formatStrings[format]);\n  } else if (typeof input === 'number') {\n    return dayjs(new Date(input)).tz(timeZone).format(formatStrings[format]);\n  } else {\n    return transformRange(input, format);\n  }\n}\n\nfunction transformRange(\n  input: WattRange<Date | string>,\n  format: keyof typeof formatStrings\n): string | null {\n  if (dayjs(input.start).isSame(dayjs(input.end), 'day') || input.end === null) {\n    return wattFormatDate(input.start, format);\n  } else {\n    return `${wattFormatDate(input.start, format)} ― ${wattFormatDate(input.end, format)}`;\n  }\n}\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport { Pipe, PipeTransform } from '@angular/core';\n\nimport { WattRange } from './watt-date-range';\nimport { formatStrings, wattFormatDate } from './watt-format-date';\n\n@Pipe({\n  name: 'wattDate',\n})\nexport class WattDatePipe implements PipeTransform {\n  /**\n   * @param input WattDateRange or string in ISO 8601 format or unix timestamp number\n   */\n  transform(\n    input?: WattRange<Date> | WattRange<string> | Date | string | number | null,\n    format: keyof typeof formatStrings = 'short',\n    timeZone = 'Europe/Copenhagen'\n  ): string | null {\n    return wattFormatDate(input, format, timeZone);\n  }\n}\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport { computed, inject, Injectable, LOCALE_ID, signal } from '@angular/core';\nimport { DateAdapter } from '@angular/material/core';\n\nimport { WattDateAdapter, WattSupportedLocales } from './watt-date-adapter';\nimport { dayjs } from './dayjs';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class WattLocaleService {\n  private readonly dateAdapter = inject<DateAdapter<unknown>>(DateAdapter);\n\n  locale = signal(inject<WattSupportedLocales>(LOCALE_ID));\n  isDanish = computed(() => this.locale() == 'da');\n  isEnglish = computed(() => this.locale() == 'en');\n\n  async setActiveLocale(locale: WattSupportedLocales): Promise<void> {\n    if (locale === 'da') {\n      await import('dayjs/locale/da');\n    }\n\n    if (locale === 'en') {\n      await import('dayjs/locale/en');\n    }\n\n    dayjs.locale(locale);\n    (this.dateAdapter as WattDateAdapter).setActiveLocale(locale);\n    this.locale.set(locale);\n  }\n}\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nexport { dayjs, __ngPackagrDayjsTypeScriptWorkaround } from './dayjs';\nexport { danishDatetimeProviders } from './watt-danish-datetime.providers';\nexport { WattDateAdapter, WattSupportedLocales } from './watt-date-adapter';\nexport { type WattRange, type WattDateRange } from './watt-date-range';\nexport { WattDatePipe } from './watt-date.pipe';\nexport { wattFormatDate } from './watt-format-date';\nexport { WattLocaleService } from './watt-locale.service';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"energinet-watt-core-date.mjs","sources":["../../../libs/watt/package/core/date/dayjs.ts","../../../libs/watt/package/core/date/watt-date-adapter.ts","../../../libs/watt/package/core/date/watt-danish-datetime.providers.ts","../../../libs/watt/package/core/date/watt-format-date.ts","../../../libs/watt/package/core/date/watt-date.pipe.ts","../../../libs/watt/package/core/date/watt-locale.service.ts","../../../libs/watt/package/core/date/index.ts","../../../libs/watt/package/core/date/energinet-watt-core-date.ts"],"sourcesContent":["//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport dayjs from 'dayjs'; // eslint-disable-line no-restricted-imports\nimport utc from 'dayjs/plugin/utc';\nimport timezone from 'dayjs/plugin/timezone';\nimport duration from 'dayjs/plugin/duration';\nimport customParseFormat from 'dayjs/plugin/customParseFormat';\n\n// Force import of plugins in generated .d.ts file by exporting their types\ntype __ngPackagrDayjsTypeScriptWorkaround =\n  | typeof utc\n  | typeof timezone\n  | typeof duration\n  | typeof customParseFormat;\n\ndayjs.extend(utc);\ndayjs.extend(timezone);\ndayjs.extend(duration);\ndayjs.extend(customParseFormat);\n\nexport { dayjs, __ngPackagrDayjsTypeScriptWorkaround };\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport { NativeDateAdapter } from '@angular/material/core';\n\nexport type WattSupportedLocales = 'da' | 'en';\nconst danishLocale = 'da';\n\nexport class WattDateAdapter extends NativeDateAdapter {\n  setActiveLocale(language: WattSupportedLocales): void {\n    this.setLocale(language === danishLocale ? danishLocale : 'en-GB');\n  }\n\n  /**\n   * This is necessary to remove the dots from the date (ordinals) for danish locale in the calendar view.\n   * due to `Intl.DateTimeFormat`\n   */\n  override getDateNames(): string[] {\n    const dateNames = super.getDateNames();\n\n    return this.locale === danishLocale\n      ? dateNames.map((dateName) => dateName.replace(/\\./g, ''))\n      : dateNames;\n  }\n\n  /**\n   * Our week starts on Monday\n   * @returns 0 for Sunday, 1 for Monday, etc.\n   */\n  override getFirstDayOfWeek(): number {\n    return 1;\n  }\n}\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport {\n  DateAdapter,\n  MAT_DATE_FORMATS,\n  MAT_DATE_LOCALE,\n  MAT_NATIVE_DATE_FORMATS,\n} from '@angular/material/core';\nimport { makeEnvironmentProviders } from '@angular/core';\n\nimport { WattDateAdapter } from './watt-date-adapter';\n\nexport const danishDatetimeProviders = makeEnvironmentProviders([\n  { provide: MAT_DATE_LOCALE, useValue: 'da' },\n  {\n    provide: DateAdapter,\n    useClass: WattDateAdapter,\n    deps: [MAT_DATE_LOCALE],\n  },\n  { provide: MAT_DATE_FORMATS, useValue: MAT_NATIVE_DATE_FORMATS },\n]);\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport { dayjs } from './dayjs';\nimport { WattRange } from './watt-date-range';\n\nexport const formatStrings = {\n  year: 'YYYY',\n  monthYear: 'MMMM YYYY',\n  short: 'DD-MM-YYYY',\n  shortAbbr: 'DD. MMM YYYY',\n  long: 'DD-MM-YYYY HH:mm',\n  longAbbr: 'DD. MMM YYYY HH:mm',\n  time: 'HH:mm',\n  longAbbrWithSeconds: 'DD-MMM YYYY HH:mm:ss',\n};\n\nexport function wattFormatDate(\n  input?: WattRange<Date> | WattRange<string> | Date | string | number | null,\n  format: keyof typeof formatStrings = 'short',\n  timeZone = 'Europe/Copenhagen'\n): string | null {\n  if (!input) return null;\n\n  if (input instanceof Date || typeof input === 'string') {\n    return dayjs(input).tz(timeZone).format(formatStrings[format]);\n  } else if (typeof input === 'number') {\n    return dayjs(new Date(input)).tz(timeZone).format(formatStrings[format]);\n  } else {\n    return transformRange(input, format);\n  }\n}\n\nfunction transformRange(\n  input: WattRange<Date | string>,\n  format: keyof typeof formatStrings\n): string | null {\n  if (dayjs(input.start).isSame(dayjs(input.end), 'day') || input.end === null) {\n    return wattFormatDate(input.start, format);\n  } else {\n    return `${wattFormatDate(input.start, format)} ― ${wattFormatDate(input.end, format)}`;\n  }\n}\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport { Pipe, PipeTransform } from '@angular/core';\n\nimport { WattRange } from './watt-date-range';\nimport { formatStrings, wattFormatDate } from './watt-format-date';\n\n@Pipe({\n  name: 'wattDate',\n})\nexport class WattDatePipe implements PipeTransform {\n  /**\n   * @param input WattDateRange or string in ISO 8601 format or unix timestamp number\n   */\n  transform(\n    input?: WattRange<Date> | WattRange<string> | Date | string | number | null,\n    format: keyof typeof formatStrings = 'short',\n    timeZone = 'Europe/Copenhagen'\n  ): string | null {\n    return wattFormatDate(input, format, timeZone);\n  }\n}\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport { computed, inject, Injectable, LOCALE_ID, signal } from '@angular/core';\nimport { DateAdapter } from '@angular/material/core';\n\nimport { WattDateAdapter, WattSupportedLocales } from './watt-date-adapter';\nimport { dayjs } from './dayjs';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class WattLocaleService {\n  private readonly dateAdapter = inject<DateAdapter<unknown>>(DateAdapter);\n\n  locale = signal(inject<WattSupportedLocales>(LOCALE_ID));\n  isDanish = computed(() => this.locale() == 'da');\n  isEnglish = computed(() => this.locale() == 'en');\n\n  async setActiveLocale(locale: WattSupportedLocales): Promise<void> {\n    if (locale === 'da') {\n      await import('dayjs/locale/da');\n    }\n\n    if (locale === 'en') {\n      await import('dayjs/locale/en');\n    }\n\n    dayjs.locale(locale);\n    (this.dateAdapter as WattDateAdapter).setActiveLocale(locale);\n    this.locale.set(locale);\n  }\n}\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nexport { dayjs, __ngPackagrDayjsTypeScriptWorkaround } from './dayjs';\nexport { danishDatetimeProviders } from './watt-danish-datetime.providers';\nexport { WattDateAdapter, WattSupportedLocales } from './watt-date-adapter';\nexport { type WattRange, type WattDateRange } from './watt-date-range';\nexport { WattDatePipe } from './watt-date.pipe';\nexport { wattFormatDate } from './watt-format-date';\nexport { WattLocaleService } from './watt-locale.service';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/energinet-watt-json-viewer.mjs

@@ -1,5 +1,7 @@
 import * as i0 from '@angular/core';
 import { input, computed, ViewEncapsulation, ChangeDetectionStrategy, Component, linkedSignal } from '@angular/core';
+import * as i1 from '@energinet/watt/vater';
+import { VATER } from '@energinet/watt/vater';
 import { WattIconComponent } from '@energinet/watt/icon';
 
 //#region License
@@ -20,20 +22,64 @@ import { WattIconComponent } from '@energinet/watt/icon';
  * limitations under the License.
  */
 //#endregion
+/** Compares two values. When deep is false, objects/arrays compare by type only. */
+function isEqual(a, b, { deep }) {
+    try {
+        if (typeof a !== typeof b)
+            return false;
+        if (typeof a !== 'object')
+            return a === b;
+        if (a === null || b === null)
+            return a === b;
+        const replacer = !deep ? (_, v) => (Array.isArray(v) ? [] : {}) : undefined;
+        return JSON.stringify(a, replacer) === JSON.stringify(b, replacer);
+    }
+    catch {
+        return a === b;
+    }
+}
+/** Type guard that checks if a value is a non-empty array or object. */
+function isNonEmpty(value) {
+    return typeof value === 'object' && value !== null ? Object.keys(value).length > 0 : false;
+}
+/** Merges two arrays by alternating elements, preserving the order. */
+function interleave(a, b) {
+    return Array.from({ length: Math.max(a.length, b.length) })
+        .flatMap((_, i) => [a[i], b[i]])
+        .filter((k) => k !== undefined);
+}
+
+//#region License
 /**
- * Matches JSON tokens for syntax highlighting:
- * - `"(?:[^"\\]|\\.)*":?` - Strings and keys (supports escaped quotes)
- * - `-?\d+\.?\d*` - Numbers (including negative and decimals)
- * - `\b(true|false|null)\b` - Keywords
+ * @license
+ * Copyright 2020 Energinet DataHub A/S
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License2");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
  */
+//#endregion
 const JSON_TOKEN_REGEX = /"(?:[^"\\]|\\.)*":?|-?\d+\.?\d*|\b(true|false|null)\b/g;
-class WattJsonColorize {
-    json = input.required(...(ngDevMode ? [{ debugName: "json" }] : []));
+class WattJsonRow {
+    label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
+    isOriginal = input.required(...(ngDevMode ? [{ debugName: "isOriginal" }] : []));
+    isSame = input.required(...(ngDevMode ? [{ debugName: "isSame" }] : []));
+    expanded = input.required(...(ngDevMode ? [{ debugName: "expanded" }] : []));
+    value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : []));
+    expandable = computed(() => isNonEmpty(this.value()), ...(ngDevMode ? [{ debugName: "expandable" }] : []));
     colorized = computed(() => {
         try {
-            const json = JSON.stringify(this.json(), null, ' ');
+            const json = JSON.stringify(this.value(), null, ' ');
             return json === undefined
-                ? `<span class='watt-json-invalid'>${this.json()?.toString() || typeof this.json()}</span>`
+                ? `<span class='watt-json-invalid'>${this.value()?.toString() || typeof this.value()}</span>`
                 : json.replace(JSON_TOKEN_REGEX, (match) => {
                     switch (true) {
                         case match.endsWith(':'):
@@ -51,13 +97,32 @@ class WattJsonColorize {
             return `<span class='watt-json-invalid'>[Circular]</span>`;
         }
     }, ...(ngDevMode ? [{ debugName: "colorized" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattJsonColorize, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: WattJsonColorize, isStandalone: true, selector: "watt-json-colorize", inputs: { json: { classPropertyName: "json", publicName: "json", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `<span [innerHTML]="colorized()"></span>`, isInline: true, styles: [".watt-json-invalid{color:var(--watt-on-light-low-emphasis)}.watt-json-key{color:var(--watt-color-primary)}.watt-json-string{color:var(--watt-color-state-success)}.watt-json-number{color:var(--watt-color-state-warning)}.watt-json-keyword{color:var(--watt-color-state-danger)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattJsonRow, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: WattJsonRow, isStandalone: true, selector: "watt-json-row", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, isOriginal: { classPropertyName: "isOriginal", publicName: "isOriginal", isSignal: true, isRequired: true, transformFunction: null }, isSame: { classPropertyName: "isSame", publicName: "isSame", isSignal: true, isRequired: true, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.watt-json-row-added": "!isOriginal() && !isSame()", "class.watt-json-row-removed": "isOriginal() && !isSame()" } }, ngImport: i0, template: `
+    @if (value() !== undefined) {
+      @if (expandable()) {
+        <watt-icon size="s" [name]="expanded() ? 'down' : 'right'" />
+      }
+      <span>{{ label() }}: </span>
+      <span [hidden]="expandable() && expanded()" [innerHTML]="colorized()"></span>
+    }
+  `, isInline: true, styles: ["watt-json-row{position:relative;padding-left:calc(var(--watt-json-level) * 20px);padding-right:calc(var(--watt-json-level) * 20px);color:var(--watt-color-primary)}watt-json-row>watt-icon{position:absolute;top:2px;transform:translate(-100%)}.watt-json-row-added:not(:empty){background-color:var(--watt-color-state-success-light)}.watt-json-row-removed:not(:empty){background-color:var(--watt-color-state-danger-light)}.watt-json-invalid{color:var(--watt-on-light-low-emphasis)}.watt-json-key{color:var(--watt-color-primary)}.watt-json-string{color:var(--watt-color-state-success)}.watt-json-number{color:var(--watt-color-state-warning)}.watt-json-keyword{color:var(--watt-color-state-danger)}\n"], dependencies: [{ kind: "component", type: WattIconComponent, selector: "watt-icon", inputs: ["name", "label", "size", "state"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattJsonColorize, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattJsonRow, decorators: [{
             type: Component,
-            args: [{ selector: 'watt-json-colorize', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: `<span [innerHTML]="colorized()"></span>`, styles: [".watt-json-invalid{color:var(--watt-on-light-low-emphasis)}.watt-json-key{color:var(--watt-color-primary)}.watt-json-string{color:var(--watt-color-state-success)}.watt-json-number{color:var(--watt-color-state-warning)}.watt-json-keyword{color:var(--watt-color-state-danger)}\n"] }]
-        }], propDecorators: { json: [{ type: i0.Input, args: [{ isSignal: true, alias: "json", required: true }] }] } });
+            args: [{ selector: 'watt-json-row', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [WattIconComponent], host: {
+                        '[class.watt-json-row-added]': '!isOriginal() && !isSame()',
+                        '[class.watt-json-row-removed]': 'isOriginal() && !isSame()',
+                    }, template: `
+    @if (value() !== undefined) {
+      @if (expandable()) {
+        <watt-icon size="s" [name]="expanded() ? 'down' : 'right'" />
+      }
+      <span>{{ label() }}: </span>
+      <span [hidden]="expandable() && expanded()" [innerHTML]="colorized()"></span>
+    }
+  `, styles: ["watt-json-row{position:relative;padding-left:calc(var(--watt-json-level) * 20px);padding-right:calc(var(--watt-json-level) * 20px);color:var(--watt-color-primary)}watt-json-row>watt-icon{position:absolute;top:2px;transform:translate(-100%)}.watt-json-row-added:not(:empty){background-color:var(--watt-color-state-success-light)}.watt-json-row-removed:not(:empty){background-color:var(--watt-color-state-danger-light)}.watt-json-invalid{color:var(--watt-on-light-low-emphasis)}.watt-json-key{color:var(--watt-color-primary)}.watt-json-string{color:var(--watt-color-state-success)}.watt-json-number{color:var(--watt-color-state-warning)}.watt-json-keyword{color:var(--watt-color-state-danger)}\n"] }]
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], isOriginal: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOriginal", required: true }] }], isSame: [{ type: i0.Input, args: [{ isSignal: true, alias: "isSame", required: true }] }], expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }] } });
 
 //#region License
 /**
@@ -79,72 +144,105 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
 //#endregion
 class WattJson {
     label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
-    json = input.required(...(ngDevMode ? [{ debugName: "json" }] : []));
+    left = input(...(ngDevMode ? [undefined, { debugName: "left" }] : []));
+    right = input(...(ngDevMode ? [undefined, { debugName: "right" }] : []));
+    diff = input(false, ...(ngDevMode ? [{ debugName: "diff" }] : []));
     tree = input.required(...(ngDevMode ? [{ debugName: "tree" }] : []));
     level = input(0, ...(ngDevMode ? [{ debugName: "level" }] : []));
-    isRoot = computed(() => this.level() === 0, ...(ngDevMode ? [{ debugName: "isRoot" }] : []));
+    toMap = (v) => new Map(Object.entries(isNonEmpty(v) ? v : []));
     children = computed(() => {
-        const json = this.json();
-        return typeof json === 'object' && json && Object.keys(json).length
-            ? Object.entries(json)
-            : null;
+        const left = this.toMap(this.left());
+        const right = this.toMap(this.right());
+        const keys = new Set(interleave([...left.keys()], [...right.keys()]));
+        return [...keys].map((key) => ({ key, left: left.get(key), right: right.get(key) }));
     }, ...(ngDevMode ? [{ debugName: "children" }] : []));
-    // The linkedSignal makes it possible to recursively toggle all nodes
-    expandable = computed(() => Boolean(this.children()), ...(ngDevMode ? [{ debugName: "expandable" }] : []));
+    isRoot = computed(() => this.level() === 0, ...(ngDevMode ? [{ debugName: "isRoot" }] : []));
+    isSame = computed(() => {
+        if (!this.diff())
+            return true;
+        return isEqual(this.left(), this.right(), { deep: !this.expanded() });
+    }, ...(ngDevMode ? [{ debugName: "isSame" }] : []));
+    expandable = computed(() => this.children().length > 0, ...(ngDevMode ? [{ debugName: "expandable" }] : []));
     expanded = linkedSignal({ ...(ngDevMode ? { debugName: "expanded" } : {}), source: this.tree,
         computation: (t) => this.level() < t.maxDepth && t.expanded ? this.expandable() : this.isRoot() });
     toggleExpanded = () => 
     // Prevent toggle when text is being selected
     this.expanded.update((e) => (getSelection()?.isCollapsed && this.expandable() ? !e : e));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattJson, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: WattJson, isStandalone: true, selector: "watt-json", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, json: { classPropertyName: "json", publicName: "json", isSignal: true, isRequired: true, transformFunction: null }, tree: { classPropertyName: "tree", publicName: "tree", isSignal: true, isRequired: true, transformFunction: null }, level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.--watt-json-level": "level()" } }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: WattJson, isStandalone: true, selector: "watt-json", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, left: { classPropertyName: "left", publicName: "left", isSignal: true, isRequired: false, transformFunction: null }, right: { classPropertyName: "right", publicName: "right", isSignal: true, isRequired: false, transformFunction: null }, diff: { classPropertyName: "diff", publicName: "diff", isSignal: true, isRequired: false, transformFunction: null }, tree: { classPropertyName: "tree", publicName: "tree", isSignal: true, isRequired: true, transformFunction: null }, level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.--watt-json-level": "level()" } }, ngImport: i0, template: `
     @if (!isRoot()) {
-      <div class="watt-json-label" (click)="toggleExpanded()">
-        @if (expandable()) {
-          <watt-icon size="s" [name]="expanded() ? 'down' : 'right'" />
+      <vater-flex class="watt-json-row" direction="row" (click)="toggleExpanded()">
+        <watt-json-row
+          [label]="label()"
+          [isOriginal]="true"
+          [isSame]="isSame()"
+          [expanded]="expanded()"
+          [value]="left()"
+        />
+        @if (diff()) {
+          <watt-json-row
+            [label]="label()"
+            [isOriginal]="false"
+            [isSame]="isSame()"
+            [expanded]="expanded()"
+            [value]="right()"
+          />
         }
-        <span>{{ label() }}: </span>
-        <watt-json-colorize [hidden]="expanded()" [json]="json()" />
-      </div>
+      </vater-flex>
     }
     @defer (when expanded()) {
-      @for (child of children(); track child[0]) {
+      @for (child of children(); track child.key) {
         <watt-json
           [hidden]="!expanded()"
-          [label]="child[0]"
-          [json]="child[1]"
+          [label]="child.key"
+          [left]="child.left"
+          [right]="child.right"
+          [diff]="diff()"
           [tree]="tree()"
           [level]="level() + 1"
         />
       }
     }
-  `, isInline: true, styles: ["watt-json{cursor:default}.watt-json-label{position:relative;padding-left:calc(var(--watt-json-level) * 20px);color:var(--watt-color-primary)}.watt-json-label:hover{background:var(--watt-color-neutral-grey-100)}.watt-json-label>watt-icon{position:absolute;top:2px;transform:translate(-100%)}\n"], dependencies: [{ kind: "component", type: WattIconComponent, selector: "watt-icon", inputs: ["name", "label", "size", "state"] }, { kind: "component", type: WattJsonColorize, selector: "watt-json-colorize", inputs: ["json"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None, deferBlockDependencies: [() => [WattJson]] });
+  `, isInline: true, styles: ["watt-json{cursor:default}.watt-json-row{position:relative}.watt-json-row:after{content:\"\";position:absolute;inset:0;border-radius:4px;background-color:#0000;pointer-events:none}.watt-json-row:hover:after{background-color:#0000001a;outline:1px solid var(--watt-color-neutral-grey-500);outline-offset:-1px}\n"], dependencies: [{ kind: "component", type: i1.VaterFlexComponent, selector: "vater-flex, [vater-flex]", inputs: ["autoSize"] }, { kind: "component", type: WattJsonRow, selector: "watt-json-row", inputs: ["label", "isOriginal", "isSame", "expanded", "value"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None, deferBlockDependencies: [() => [WattJson]] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattJson, decorators: [{
             type: Component,
-            args: [{ selector: 'watt-json', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [WattIconComponent, WattJsonColorize], host: { '[style.--watt-json-level]': 'level()' }, template: `
+            args: [{ selector: 'watt-json', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [VATER, WattJsonRow], host: { '[style.--watt-json-level]': 'level()' }, template: `
     @if (!isRoot()) {
-      <div class="watt-json-label" (click)="toggleExpanded()">
-        @if (expandable()) {
-          <watt-icon size="s" [name]="expanded() ? 'down' : 'right'" />
+      <vater-flex class="watt-json-row" direction="row" (click)="toggleExpanded()">
+        <watt-json-row
+          [label]="label()"
+          [isOriginal]="true"
+          [isSame]="isSame()"
+          [expanded]="expanded()"
+          [value]="left()"
+        />
+        @if (diff()) {
+          <watt-json-row
+            [label]="label()"
+            [isOriginal]="false"
+            [isSame]="isSame()"
+            [expanded]="expanded()"
+            [value]="right()"
+          />
         }
-        <span>{{ label() }}: </span>
-        <watt-json-colorize [hidden]="expanded()" [json]="json()" />
-      </div>
+      </vater-flex>
     }
     @defer (when expanded()) {
-      @for (child of children(); track child[0]) {
+      @for (child of children(); track child.key) {
         <watt-json
           [hidden]="!expanded()"
-          [label]="child[0]"
-          [json]="child[1]"
+          [label]="child.key"
+          [left]="child.left"
+          [right]="child.right"
+          [diff]="diff()"
           [tree]="tree()"
           [level]="level() + 1"
         />
       }
     }
-  `, styles: ["watt-json{cursor:default}.watt-json-label{position:relative;padding-left:calc(var(--watt-json-level) * 20px);color:var(--watt-color-primary)}.watt-json-label:hover{background:var(--watt-color-neutral-grey-100)}.watt-json-label>watt-icon{position:absolute;top:2px;transform:translate(-100%)}\n"] }]
-        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], json: [{ type: i0.Input, args: [{ isSignal: true, alias: "json", required: true }] }], tree: [{ type: i0.Input, args: [{ isSignal: true, alias: "tree", required: true }] }], level: [{ type: i0.Input, args: [{ isSignal: true, alias: "level", required: false }] }] } });
+  `, styles: ["watt-json{cursor:default}.watt-json-row{position:relative}.watt-json-row:after{content:\"\";position:absolute;inset:0;border-radius:4px;background-color:#0000;pointer-events:none}.watt-json-row:hover:after{background-color:#0000001a;outline:1px solid var(--watt-color-neutral-grey-500);outline-offset:-1px}\n"] }]
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], left: [{ type: i0.Input, args: [{ isSignal: true, alias: "left", required: false }] }], right: [{ type: i0.Input, args: [{ isSignal: true, alias: "right", required: false }] }], diff: [{ type: i0.Input, args: [{ isSignal: true, alias: "diff", required: false }] }], tree: [{ type: i0.Input, args: [{ isSignal: true, alias: "tree", required: true }] }], level: [{ type: i0.Input, args: [{ isSignal: true, alias: "level", required: false }] }] } });
 
 //#region License
 /**
@@ -169,6 +267,10 @@ class WattJsonViewer {
      * The JSON data to display. Accepts any value that can be serialized by JSON.stringify.
      */
     json = input.required(...(ngDevMode ? [{ debugName: "json" }] : []));
+    /**
+     * Optional value to compare against. When provided, enables diff mode with side-by-side view.
+     */
+    compare = input(...(ngDevMode ? [undefined, { debugName: "compare" }] : []));
     /**
      * Maximum depth for `expandAll()`. Beyond this depth nodes start collapsed but can be
      * expanded manually. Useful when dealing with large objects or circular references.
@@ -195,7 +297,14 @@ class WattJsonViewer {
         maxDepth: this.maxDepth(),
     }), ...(ngDevMode ? [{ debugName: "tree" }] : []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattJsonViewer, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: WattJsonViewer, isStandalone: true, selector: "watt-json-viewer", inputs: { json: { classPropertyName: "json", publicName: "json", isSignal: true, isRequired: true, transformFunction: null }, maxDepth: { classPropertyName: "maxDepth", publicName: "maxDepth", isSignal: true, isRequired: false, transformFunction: null }, initialExpanded: { classPropertyName: "initialExpanded", publicName: "initialExpanded", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `<watt-json [json]="json()" [tree]="tree()" />`, isInline: true, dependencies: [{ kind: "component", type: WattJson, selector: "watt-json", inputs: ["label", "json", "tree", "level"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: WattJsonViewer, isStandalone: true, selector: "watt-json-viewer", inputs: { json: { classPropertyName: "json", publicName: "json", isSignal: true, isRequired: true, transformFunction: null }, compare: { classPropertyName: "compare", publicName: "compare", isSignal: true, isRequired: false, transformFunction: null }, maxDepth: { classPropertyName: "maxDepth", publicName: "maxDepth", isSignal: true, isRequired: false, transformFunction: null }, initialExpanded: { classPropertyName: "initialExpanded", publicName: "initialExpanded", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <watt-json
+      [left]="json()"
+      [right]="compare()"
+      [diff]="compare() !== undefined"
+      [tree]="tree()"
+    />
+  `, isInline: true, dependencies: [{ kind: "component", type: WattJson, selector: "watt-json", inputs: ["label", "left", "right", "diff", "tree", "level"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: WattJsonViewer, decorators: [{
             type: Component,
@@ -204,9 +313,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                     selector: 'watt-json-viewer',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     imports: [WattJson],
-                    template: `<watt-json [json]="json()" [tree]="tree()" />`,
+                    template: `
+    <watt-json
+      [left]="json()"
+      [right]="compare()"
+      [diff]="compare() !== undefined"
+      [tree]="tree()"
+    />
+  `,
                 }]
-        }], propDecorators: { json: [{ type: i0.Input, args: [{ isSignal: true, alias: "json", required: true }] }], maxDepth: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxDepth", required: false }] }], initialExpanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialExpanded", required: false }] }] } });
+        }], propDecorators: { json: [{ type: i0.Input, args: [{ isSignal: true, alias: "json", required: true }] }], compare: [{ type: i0.Input, args: [{ isSignal: true, alias: "compare", required: false }] }], maxDepth: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxDepth", required: false }] }], initialExpanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialExpanded", required: false }] }] } });
 
 //#region License
 /**

package/fesm2022/energinet-watt-json-viewer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"energinet-watt-json-viewer.mjs","sources":["../../../libs/watt/package/json-viewer/watt-json-colorize.component.ts","../../../libs/watt/package/json-viewer/watt-json.component.ts","../../../libs/watt/package/json-viewer/watt-json-viewer.component.ts","../../../libs/watt/package/json-viewer/index.ts","../../../libs/watt/package/json-viewer/energinet-watt-json-viewer.ts"],"sourcesContent":["//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  computed,\n  input,\n} from '@angular/core';\n\n/**\n * Matches JSON tokens for syntax highlighting:\n * - `\"(?:[^\"\\\\]|\\\\.)*\":?` - Strings and keys (supports escaped quotes)\n * - `-?\\d+\\.?\\d*` - Numbers (including negative and decimals)\n * - `\\b(true|false|null)\\b` - Keywords\n */\nconst JSON_TOKEN_REGEX = /\"(?:[^\"\\\\]|\\\\.)*\":?|-?\\d+\\.?\\d*|\\b(true|false|null)\\b/g;\n\n@Component({\n  selector: 'watt-json-colorize',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  styles: `\n    .watt-json-invalid {\n      color: var(--watt-on-light-low-emphasis);\n    }\n\n    .watt-json-key {\n      color: var(--watt-color-primary);\n    }\n\n    .watt-json-string {\n      color: var(--watt-color-state-success);\n    }\n\n    .watt-json-number {\n      color: var(--watt-color-state-warning);\n    }\n\n    .watt-json-keyword {\n      color: var(--watt-color-state-danger);\n    }\n  `,\n  template: `<span [innerHTML]=\"colorized()\"></span>`,\n})\nexport class WattJsonColorize {\n  readonly json = input.required<unknown>();\n  protected readonly colorized = computed(() => {\n    try {\n      const json = JSON.stringify(this.json(), null, ' ');\n      return json === undefined\n        ? `<span class='watt-json-invalid'>${this.json()?.toString() || typeof this.json()}</span>`\n        : json.replace(JSON_TOKEN_REGEX, (match) => {\n            switch (true) {\n              case match.endsWith(':'):\n                return `<span class='watt-json-key'>${match.slice(1, -2)}</span>:`;\n              case match.startsWith('\"'):\n                return `<span class='watt-json-string'>${match}</span>`;\n              case /\\d/.test(match):\n                return `<span class='watt-json-number'>${match}</span>`;\n              default:\n                return `<span class='watt-json-keyword'>${match}</span>`;\n            }\n          });\n    } catch {\n      return `<span class='watt-json-invalid'>[Circular]</span>`;\n    }\n  });\n}\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  computed,\n  input,\n  linkedSignal,\n} from '@angular/core';\nimport { WattIconComponent } from '@energinet/watt/icon';\nimport { WattJsonColorize } from './watt-json-colorize.component';\n\nexport type TreeState = {\n  expanded: boolean;\n  maxDepth: number;\n};\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'watt-json',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [WattIconComponent, WattJsonColorize],\n  styles: `\n    watt-json {\n      cursor: default;\n    }\n\n    .watt-json-label {\n      position: relative;\n      padding-left: calc(var(--watt-json-level) * 20px);\n      color: var(--watt-color-primary);\n    }\n\n    .watt-json-label:hover {\n      background: var(--watt-color-neutral-grey-100);\n    }\n\n    .watt-json-label > watt-icon {\n      position: absolute;\n      top: 2px;\n      transform: translateX(-100%);\n    }\n  `,\n  host: { '[style.--watt-json-level]': 'level()' },\n  template: `\n    @if (!isRoot()) {\n      <div class=\"watt-json-label\" (click)=\"toggleExpanded()\">\n        @if (expandable()) {\n          <watt-icon size=\"s\" [name]=\"expanded() ? 'down' : 'right'\" />\n        }\n        <span>{{ label() }}: </span>\n        <watt-json-colorize [hidden]=\"expanded()\" [json]=\"json()\" />\n      </div>\n    }\n    @defer (when expanded()) {\n      @for (child of children(); track child[0]) {\n        <watt-json\n          [hidden]=\"!expanded()\"\n          [label]=\"child[0]\"\n          [json]=\"child[1]\"\n          [tree]=\"tree()\"\n          [level]=\"level() + 1\"\n        />\n      }\n    }\n  `,\n})\nexport class WattJson {\n  readonly label = input<string>();\n  readonly json = input.required<unknown>();\n  readonly tree = input.required<TreeState>();\n  readonly level = input(0);\n\n  protected readonly isRoot = computed(() => this.level() === 0);\n  protected readonly children = computed(() => {\n    const json = this.json();\n    return typeof json === 'object' && json && Object.keys(json).length\n      ? Object.entries(json)\n      : null;\n  });\n\n  // The linkedSignal makes it possible to recursively toggle all nodes\n  protected readonly expandable = computed(() => Boolean(this.children()));\n  protected readonly expanded = linkedSignal({\n    source: this.tree,\n    computation: (t) =>\n      this.level() < t.maxDepth && t.expanded ? this.expandable() : this.isRoot(),\n  });\n\n  protected readonly toggleExpanded = () =>\n    // Prevent toggle when text is being selected\n    this.expanded.update((e) => (getSelection()?.isCollapsed && this.expandable() ? !e : e));\n}\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport { ChangeDetectionStrategy, Component, computed, input, linkedSignal } from '@angular/core';\nimport { TreeState, WattJson } from './watt-json.component';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'watt-json-viewer',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [WattJson],\n  template: `<watt-json [json]=\"json()\" [tree]=\"tree()\" />`,\n})\nexport class WattJsonViewer {\n  /**\n   * The JSON data to display. Accepts any value that can be serialized by JSON.stringify.\n   */\n  readonly json = input.required<unknown>();\n\n  /**\n   * Maximum depth for `expandAll()`. Beyond this depth nodes start collapsed but can be\n   * expanded manually. Useful when dealing with large objects or circular references.\n   */\n  readonly maxDepth = input(50);\n\n  /**\n   * Whether the tree starts expanded or collapsed.\n   */\n  readonly initialExpanded = input(false);\n\n  /**\n   * Expands all nodes up to `maxDepth`.\n   */\n  readonly expandAll = () => this.expanded.set(true);\n\n  /**\n   * Collapses all nodes.\n   */\n  readonly collapseAll = () => this.expanded.set(false);\n\n  // Use equality function + computed object to always return a new reference, even\n  // when `expanded` is \"updated\" to its current value. This ensures that \"Expand all\"\n  // and \"Collapse all\" always works, regardless of the current state of `expanded`.\n  protected readonly expanded = linkedSignal(this.initialExpanded, { equal: () => false });\n  protected readonly tree = computed<TreeState>(() => ({\n    expanded: this.expanded(),\n    maxDepth: this.maxDepth(),\n  }));\n}\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nexport { WattJsonViewer } from './watt-json-viewer.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"energinet-watt-json-viewer.mjs","sources":["../../../libs/watt/package/json-viewer/watt-json.utils.ts","../../../libs/watt/package/json-viewer/watt-json-row.component.ts","../../../libs/watt/package/json-viewer/watt-json.component.ts","../../../libs/watt/package/json-viewer/watt-json-viewer.component.ts","../../../libs/watt/package/json-viewer/index.ts","../../../libs/watt/package/json-viewer/energinet-watt-json-viewer.ts"],"sourcesContent":["//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\n\n/** Compares two values. When deep is false, objects/arrays compare by type only. */\nexport function isEqual(a: unknown, b: unknown, { deep }: { deep: boolean }): boolean {\n  try {\n    if (typeof a !== typeof b) return false;\n    if (typeof a !== 'object') return a === b;\n    if (a === null || b === null) return a === b;\n    const replacer = !deep ? (_: string, v: unknown) => (Array.isArray(v) ? [] : {}) : undefined;\n    return JSON.stringify(a, replacer) === JSON.stringify(b, replacer);\n  } catch {\n    return a === b;\n  }\n}\n\n/** Type guard that checks if a value is a non-empty array or object. */\nexport function isNonEmpty(value: unknown): value is Record<string, unknown> | unknown[] {\n  return typeof value === 'object' && value !== null ? Object.keys(value).length > 0 : false;\n}\n\n/** Merges two arrays by alternating elements, preserving the order. */\nexport function interleave<T>(a: T[], b: T[]): T[] {\n  return Array.from({ length: Math.max(a.length, b.length) })\n    .flatMap((_, i) => [a[i], b[i]])\n    .filter((k) => k !== undefined);\n}\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  computed,\n  input,\n} from '@angular/core';\nimport { WattIconComponent } from '@energinet/watt/icon';\nimport { isNonEmpty } from './watt-json.utils';\n\nconst JSON_TOKEN_REGEX = /\"(?:[^\"\\\\]|\\\\.)*\":?|-?\\d+\\.?\\d*|\\b(true|false|null)\\b/g;\n\n@Component({\n  selector: 'watt-json-row',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  imports: [WattIconComponent],\n  styles: `\n    watt-json-row {\n      position: relative;\n      padding-left: calc(var(--watt-json-level) * 20px);\n      padding-right: calc(var(--watt-json-level) * 20px);\n      color: var(--watt-color-primary);\n    }\n\n    watt-json-row > watt-icon {\n      position: absolute;\n      top: 2px;\n      transform: translateX(-100%);\n    }\n\n    .watt-json-row-added:not(:empty) {\n      background-color: var(--watt-color-state-success-light);\n    }\n\n    .watt-json-row-removed:not(:empty) {\n      background-color: var(--watt-color-state-danger-light);\n    }\n\n    .watt-json-invalid {\n      color: var(--watt-on-light-low-emphasis);\n    }\n\n    .watt-json-key {\n      color: var(--watt-color-primary);\n    }\n\n    .watt-json-string {\n      color: var(--watt-color-state-success);\n    }\n\n    .watt-json-number {\n      color: var(--watt-color-state-warning);\n    }\n\n    .watt-json-keyword {\n      color: var(--watt-color-state-danger);\n    }\n  `,\n  host: {\n    '[class.watt-json-row-added]': '!isOriginal() && !isSame()',\n    '[class.watt-json-row-removed]': 'isOriginal() && !isSame()',\n  },\n  template: `\n    @if (value() !== undefined) {\n      @if (expandable()) {\n        <watt-icon size=\"s\" [name]=\"expanded() ? 'down' : 'right'\" />\n      }\n      <span>{{ label() }}: </span>\n      <span [hidden]=\"expandable() && expanded()\" [innerHTML]=\"colorized()\"></span>\n    }\n  `,\n})\nexport class WattJsonRow {\n  readonly label = input<string>();\n  readonly isOriginal = input.required<boolean>();\n  readonly isSame = input.required<boolean>();\n  readonly expanded = input.required<boolean>();\n  readonly value = input<unknown>();\n\n  protected readonly expandable = computed(() => isNonEmpty(this.value()));\n  protected readonly colorized = computed(() => {\n    try {\n      const json = JSON.stringify(this.value(), null, ' ');\n      return json === undefined\n        ? `<span class='watt-json-invalid'>${this.value()?.toString() || typeof this.value()}</span>`\n        : json.replace(JSON_TOKEN_REGEX, (match) => {\n            switch (true) {\n              case match.endsWith(':'):\n                return `<span class='watt-json-key'>${match.slice(1, -2)}</span>:`;\n              case match.startsWith('\"'):\n                return `<span class='watt-json-string'>${match}</span>`;\n              case /\\d/.test(match):\n                return `<span class='watt-json-number'>${match}</span>`;\n              default:\n                return `<span class='watt-json-keyword'>${match}</span>`;\n            }\n          });\n    } catch {\n      return `<span class='watt-json-invalid'>[Circular]</span>`;\n    }\n  });\n}\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  computed,\n  input,\n  linkedSignal,\n} from '@angular/core';\nimport { VATER } from '@energinet/watt/vater';\nimport { WattJsonRow } from './watt-json-row.component';\nimport { interleave, isNonEmpty, isEqual } from './watt-json.utils';\n\nexport type TreeState = {\n  expanded: boolean;\n  maxDepth: number;\n};\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'watt-json',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [VATER, WattJsonRow],\n  styles: `\n    watt-json {\n      cursor: default;\n    }\n\n    .watt-json-row {\n      position: relative;\n    }\n\n    .watt-json-row::after {\n      content: '';\n      position: absolute;\n      inset: 0;\n      border-radius: 4px;\n      background-color: rgba(0, 0, 0, 0);\n      pointer-events: none;\n    }\n\n    .watt-json-row:hover::after {\n      background-color: rgba(0, 0, 0, 0.1);\n      outline: 1px solid var(--watt-color-neutral-grey-500);\n      outline-offset: -1px;\n    }\n  `,\n  host: { '[style.--watt-json-level]': 'level()' },\n  template: `\n    @if (!isRoot()) {\n      <vater-flex class=\"watt-json-row\" direction=\"row\" (click)=\"toggleExpanded()\">\n        <watt-json-row\n          [label]=\"label()\"\n          [isOriginal]=\"true\"\n          [isSame]=\"isSame()\"\n          [expanded]=\"expanded()\"\n          [value]=\"left()\"\n        />\n        @if (diff()) {\n          <watt-json-row\n            [label]=\"label()\"\n            [isOriginal]=\"false\"\n            [isSame]=\"isSame()\"\n            [expanded]=\"expanded()\"\n            [value]=\"right()\"\n          />\n        }\n      </vater-flex>\n    }\n    @defer (when expanded()) {\n      @for (child of children(); track child.key) {\n        <watt-json\n          [hidden]=\"!expanded()\"\n          [label]=\"child.key\"\n          [left]=\"child.left\"\n          [right]=\"child.right\"\n          [diff]=\"diff()\"\n          [tree]=\"tree()\"\n          [level]=\"level() + 1\"\n        />\n      }\n    }\n  `,\n})\nexport class WattJson {\n  readonly label = input<string>();\n  readonly left = input<unknown>();\n  readonly right = input<unknown>();\n  readonly diff = input(false);\n  readonly tree = input.required<TreeState>();\n  readonly level = input(0);\n\n  protected readonly toMap = (v: unknown) => new Map(Object.entries(isNonEmpty(v) ? v : []));\n  protected readonly children = computed(() => {\n    const left = this.toMap(this.left());\n    const right = this.toMap(this.right());\n    const keys = new Set(interleave([...left.keys()], [...right.keys()]));\n    return [...keys].map((key) => ({ key, left: left.get(key), right: right.get(key) }));\n  });\n\n  protected readonly isRoot = computed(() => this.level() === 0);\n  protected readonly isSame = computed(() => {\n    if (!this.diff()) return true;\n    return isEqual(this.left(), this.right(), { deep: !this.expanded() });\n  });\n\n  protected readonly expandable = computed(() => this.children().length > 0);\n  protected readonly expanded = linkedSignal({\n    source: this.tree,\n    computation: (t) =>\n      this.level() < t.maxDepth && t.expanded ? this.expandable() : this.isRoot(),\n  });\n\n  protected readonly toggleExpanded = () =>\n    // Prevent toggle when text is being selected\n    this.expanded.update((e) => (getSelection()?.isCollapsed && this.expandable() ? !e : e));\n}\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport { ChangeDetectionStrategy, Component, computed, input, linkedSignal } from '@angular/core';\nimport { TreeState, WattJson } from './watt-json.component';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'watt-json-viewer',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [WattJson],\n  template: `\n    <watt-json\n      [left]=\"json()\"\n      [right]=\"compare()\"\n      [diff]=\"compare() !== undefined\"\n      [tree]=\"tree()\"\n    />\n  `,\n})\nexport class WattJsonViewer {\n  /**\n   * The JSON data to display. Accepts any value that can be serialized by JSON.stringify.\n   */\n  readonly json = input.required<unknown>();\n\n  /**\n   * Optional value to compare against. When provided, enables diff mode with side-by-side view.\n   */\n  readonly compare = input<unknown>();\n\n  /**\n   * Maximum depth for `expandAll()`. Beyond this depth nodes start collapsed but can be\n   * expanded manually. Useful when dealing with large objects or circular references.\n   */\n  readonly maxDepth = input(50);\n\n  /**\n   * Whether the tree starts expanded or collapsed.\n   */\n  readonly initialExpanded = input(false);\n\n  /**\n   * Expands all nodes up to `maxDepth`.\n   */\n  readonly expandAll = () => this.expanded.set(true);\n\n  /**\n   * Collapses all nodes.\n   */\n  readonly collapseAll = () => this.expanded.set(false);\n\n  // Use equality function + computed object to always return a new reference, even\n  // when `expanded` is \"updated\" to its current value. This ensures that \"Expand all\"\n  // and \"Collapse all\" always works, regardless of the current state of `expanded`.\n  protected readonly expanded = linkedSignal(this.initialExpanded, { equal: () => false });\n  protected readonly tree = computed<TreeState>(() => ({\n    expanded: this.expanded(),\n    maxDepth: this.maxDepth(),\n  }));\n}\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nexport { WattJsonViewer } from './watt-json-viewer.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "@energinet/watt",
-  "version": "4.3.25",
+  "version": "4.3.28",
   "license": "Apache-2.0",
   "exports": {
     ".": {

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

@@ -1,4 +1,5 @@
 import * as _angular_core from '@angular/core';
+import { WattIconSize } from '@energinet/watt/icon';
 
 type WattBadgeType = 'warning' | 'success' | 'danger' | 'info' | 'neutral' | 'version' | 'skeleton';
 type WattBadgeSize = 'normal' | 'large';
@@ -9,10 +10,12 @@ type WattBadgeSize = 'normal' | 'large';
 declare class WattBadgeComponent {
     type: _angular_core.InputSignal<WattBadgeType>;
     size: _angular_core.InputSignal<WattBadgeSize>;
+    icon: _angular_core.InputSignal<"warning" | "success" | "danger" | "info" | "search" | "filter" | "plus" | "minus" | "edit" | "redo" | "undo" | "remove" | "removeForever" | "close" | "cancel" | "checkmark" | "user" | "settings" | "contentCopy" | "date" | "time" | "email" | "markEmailUnread" | "link" | "openInNew" | "monetization" | "payments" | "forwardMessage" | "forward" | "menu" | "moreVertical" | "logout" | "login" | "help" | "alternateEmail" | "refresh" | "language" | "pendingActions" | "toggleOn" | "toggleOff" | "personCheck" | "send" | "left" | "right" | "up" | "down" | "arrowDropDown" | "arrowRightAlt" | "arrowLeftAlt" | "feedback" | "save" | "upload" | "download" | "fileDownload" | "fileUpload" | "print" | "preview" | "attachFile" | "article" | "contract" | "power" | "location" | "smartDisplay" | "windmill" | "solarPower" | "priorityHigh" | "notifications" | "notificationsUnread" | "horizontalRule" | "wrongLocation" | "heatPump" | "inventory" | "globe" | "calculate" | "bar_chart_4_bars" | "view_list" | "view_stream" | "construction" | "factory" | "nest_eco_leaf" | "flash_on" | undefined>;
     badgeType: _angular_core.Signal<string>;
     isLarge: _angular_core.Signal<boolean>;
+    iconSize: _angular_core.Signal<WattIconSize>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<WattBadgeComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WattBadgeComponent, "watt-badge", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WattBadgeComponent, "watt-badge", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 export { WattBadgeComponent };

package/types/energinet-watt-core-date.d.ts

@@ -87,6 +87,7 @@ interface WattRange<T> {
 type WattDateRange = WattRange<string>;
 
 declare const formatStrings: {
+    year: string;
     monthYear: string;
     short: string;
     shortAbbr: string;

package/types/energinet-watt-json-viewer.d.ts

@@ -10,6 +10,10 @@ declare class WattJsonViewer {
      * The JSON data to display. Accepts any value that can be serialized by JSON.stringify.
      */
     readonly json: _angular_core.InputSignal<unknown>;
+    /**
+     * Optional value to compare against. When provided, enables diff mode with side-by-side view.
+     */
+    readonly compare: _angular_core.InputSignal<unknown>;
     /**
      * Maximum depth for `expandAll()`. Beyond this depth nodes start collapsed but can be
      * expanded manually. Useful when dealing with large objects or circular references.
@@ -30,7 +34,7 @@ declare class WattJsonViewer {
     protected readonly expanded: _angular_core.WritableSignal<boolean>;
     protected readonly tree: _angular_core.Signal<TreeState>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<WattJsonViewer, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WattJsonViewer, "watt-json-viewer", never, { "json": { "alias": "json"; "required": true; "isSignal": true; }; "maxDepth": { "alias": "maxDepth"; "required": false; "isSignal": true; }; "initialExpanded": { "alias": "initialExpanded"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WattJsonViewer, "watt-json-viewer", never, { "json": { "alias": "json"; "required": true; "isSignal": true; }; "compare": { "alias": "compare"; "required": false; "isSignal": true; }; "maxDepth": { "alias": "maxDepth"; "required": false; "isSignal": true; }; "initialExpanded": { "alias": "initialExpanded"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 export { WattJsonViewer };