npm - @energinet/watt - Versions diffs - 4.2.4 → 4.2.6 - Mend

@energinet/watt 4.2.4 → 4.2.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (233) hide show

package/esm2022/expandable-card/watt-expandable-card.component.js CHANGED Viewed

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

package/esm2022/expandable-card/watt-expandable-card.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"watt-expandable-card.component.js","sourceRoot":"","sources":["../../../../libs/watt/package/expandable-card/watt-expandable-card.component.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EACL,SAAS,EACT,SAAS,EACT,WAAW,EACX,iBAAiB,EACjB,MAAM,EACN,KAAK,EACL,YAAY,GACb,MAAM,eAAe,CAAC;AACvB,OAAO,EAA8B,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;;;AAK7F,MAAM,OAAO,kCAAkC;IAC7C,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;~~uGADvB~~,kCAAkC;~~2FAAlC~~,kCAAkC;;~~2FAAlC~~,kCAAkC;kBAH9C,SAAS;mBAAC;oBACT,QAAQ,EAAE,6BAA6B;iBACxC;;AAKD;;;GAGG;AAgCH,MAAM,OAAO,2BAA2B;IACtC;;OAEG;IACH,WAAW,GAAG,YAAY,CAAC,kCAAkC,uDAAC,CAAC;IAE/D;;OAEG;IACH,kBAAkB,GAAG,YAAY,CAAC,2BAA2B,8DAAC,CAAC;IAE/D,oCAAoC;IACpC,QAAQ,GAAG,KAAK,CAAC,KAAK,oDAAC,CAAC;IAExB,+CAA+C;IAC/C,cAAc,GAAG,KAAK,CAA6B,OAAO,0DAAC,CAAC;IAE5D,uDAAuD;IACvD,OAAO,GAAG,KAAK,CAAwB,WAAW,mDAAC,CAAC;~~uGAlBzC~~,2BAA2B;~~2FAA3B~~,2BAA2B,uhBAIX,kCAAkC,qGAK3B,2BAA2B,gEAnCnD;;;;;;;;;;;;;;;;;;;;;;;;GAwBT,ohEA5BS,gBAAgB,mJAAE,kBAAkB;;~~2FA8BnC~~,2BAA2B;kBA/BvC,SAAS;8BACC,CAAC,gBAAgB,EAAE,kBAAkB,CAAC,iBAChC,iBAAiB,CAAC,IAAI,YAC3B,sBAAsB,YAEtB;;;;;;;;;;;;;;;;;;;;;;;;GAwBT;gGAM0B,kCAAkC,oGAK3B,2BAA2B;AAgB/D,MAAM,OAAO,gCAAgC;~~uGAAhC~~,gCAAgC;~~2FAAhC~~,gCAAgC,sFAFjC,gBAAgB;;~~2FAEf~~,gCAAgC;kBAJ5C,SAAS;mBAAC;oBACT,QAAQ,EAAE,4BAA4B;oBACtC,QAAQ,EAAE,gBAAgB;iBAC3B","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 { NgTemplateOutlet } from '@angular/common';\nimport {\n Component,\n Directive,\n TemplateRef,\n ViewEncapsulation,\n inject,\n input,\n contentChild,\n} from '@angular/core';\nimport { MatAccordionTogglePosition, MatExpansionModule } from '@angular/material/expansion';\n\n@Directive({\n selector: '[wattExpandableCardContent]',\n})\nexport class WattExpandableCardContentDirective {\n templateRef = inject(TemplateRef);\n}\n\n/\n Usage:\n * `import { WATT_EXPANDABLE_CARD_COMPONENTS } from '@energinet/watt/expandable-card';`\n /\n@Component({\n imports: [NgTemplateOutlet, MatExpansionModule],\n encapsulation: ViewEncapsulation.None,\n selector: 'watt-expandable-card',\n styleUrl: './watt-expandable-card.component.scss',\n template: `\n <mat-expansion-panel\n [togglePosition]=\"togglePosition()\"\n [expanded]=\"expanded()\"\n class=\"watt-expandable-card watt-{{ variant() }}\"\n [class.watt-expandable-card__parent]=\"containsNestedCard()\"\n >\n <mat-expansion-panel-header>\n <mat-panel-title>\n <ng-content select=\"watt-badge\" />\n <ng-content select=\"watt-expandable-card-title\" />\n </mat-panel-title>\n </mat-expansion-panel-header>\n\n <ng-content />\n\n @let _cardContent = cardContent();\n\n @if (_cardContent) {\n <ng-template matExpansionPanelContent>\n <ng-container ngTemplateOutlet=\"_cardContent.templateRef\" />\n </ng-template>\n }\n </mat-expansion-panel>\n `,\n})\nexport class WattExpandableCardComponent {\n /*\n @ignore\n /\n cardContent = contentChild(WattExpandableCardContentDirective);\n\n /\n @ignore\n /\n containsNestedCard = contentChild(WattExpandableCardComponent);\n\n /* Whether the card is expanded. /\n expanded = input(false);\n\n /* The position of the expansion indicator. /\n togglePosition = input<MatAccordionTogglePosition>('after');\n\n /* Whether the card is elevated or has solid border */\n variant = input<'solid' \| 'elevation'>('elevation');\n}\n\n@Component({\n selector: 'watt-expandable-card-title',\n template: `<ng-content />`,\n})\nexport class WattExpandableCardTitleComponent {}\n"]}
1	+ {"version":3,"file":"watt-expandable-card.component.js","sourceRoot":"","sources":["../../../../libs/watt/package/expandable-card/watt-expandable-card.component.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EACL,SAAS,EACT,SAAS,EACT,WAAW,EACX,iBAAiB,EACjB,MAAM,EACN,KAAK,EACL,YAAY,GACb,MAAM,eAAe,CAAC;AACvB,OAAO,EAA8B,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;;;AAK7F,MAAM,OAAO,kCAAkC;IAC7C,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;wGADvB,kCAAkC;4FAAlC,kCAAkC;;4FAAlC,kCAAkC;kBAH9C,SAAS;mBAAC;oBACT,QAAQ,EAAE,6BAA6B;iBACxC;;AAKD;;;GAGG;AAgCH,MAAM,OAAO,2BAA2B;IACtC;;OAEG;IACH,WAAW,GAAG,YAAY,CAAC,kCAAkC,uDAAC,CAAC;IAE/D;;OAEG;IACH,kBAAkB,GAAG,YAAY,CAAC,2BAA2B,8DAAC,CAAC;IAE/D,oCAAoC;IACpC,QAAQ,GAAG,KAAK,CAAC,KAAK,oDAAC,CAAC;IAExB,+CAA+C;IAC/C,cAAc,GAAG,KAAK,CAA6B,OAAO,0DAAC,CAAC;IAE5D,uDAAuD;IACvD,OAAO,GAAG,KAAK,CAAwB,WAAW,mDAAC,CAAC;wGAlBzC,2BAA2B;4FAA3B,2BAA2B,uhBAIX,kCAAkC,qGAK3B,2BAA2B,gEAnCnD;;;;;;;;;;;;;;;;;;;;;;;;GAwBT,ohEA5BS,gBAAgB,mJAAE,kBAAkB;;4FA8BnC,2BAA2B;kBA/BvC,SAAS;8BACC,CAAC,gBAAgB,EAAE,kBAAkB,CAAC,iBAChC,iBAAiB,CAAC,IAAI,YAC3B,sBAAsB,YAEtB;;;;;;;;;;;;;;;;;;;;;;;;GAwBT;gGAM0B,kCAAkC,oGAK3B,2BAA2B;AAgB/D,MAAM,OAAO,gCAAgC;wGAAhC,gCAAgC;4FAAhC,gCAAgC,sFAFjC,gBAAgB;;4FAEf,gCAAgC;kBAJ5C,SAAS;mBAAC;oBACT,QAAQ,EAAE,4BAA4B;oBACtC,QAAQ,EAAE,gBAAgB;iBAC3B","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 { NgTemplateOutlet } from '@angular/common';\nimport {\n Component,\n Directive,\n TemplateRef,\n ViewEncapsulation,\n inject,\n input,\n contentChild,\n} from '@angular/core';\nimport { MatAccordionTogglePosition, MatExpansionModule } from '@angular/material/expansion';\n\n@Directive({\n selector: '[wattExpandableCardContent]',\n})\nexport class WattExpandableCardContentDirective {\n templateRef = inject(TemplateRef);\n}\n\n/\n Usage:\n * `import { WATT_EXPANDABLE_CARD_COMPONENTS } from '@energinet/watt/expandable-card';`\n /\n@Component({\n imports: [NgTemplateOutlet, MatExpansionModule],\n encapsulation: ViewEncapsulation.None,\n selector: 'watt-expandable-card',\n styleUrl: './watt-expandable-card.component.scss',\n template: `\n <mat-expansion-panel\n [togglePosition]=\"togglePosition()\"\n [expanded]=\"expanded()\"\n class=\"watt-expandable-card watt-{{ variant() }}\"\n [class.watt-expandable-card__parent]=\"containsNestedCard()\"\n >\n <mat-expansion-panel-header>\n <mat-panel-title>\n <ng-content select=\"watt-badge\" />\n <ng-content select=\"watt-expandable-card-title\" />\n </mat-panel-title>\n </mat-expansion-panel-header>\n\n <ng-content />\n\n @let _cardContent = cardContent();\n\n @if (_cardContent) {\n <ng-template matExpansionPanelContent>\n <ng-container ngTemplateOutlet=\"_cardContent.templateRef\" />\n </ng-template>\n }\n </mat-expansion-panel>\n `,\n})\nexport class WattExpandableCardComponent {\n /*\n @ignore\n /\n cardContent = contentChild(WattExpandableCardContentDirective);\n\n /\n @ignore\n /\n containsNestedCard = contentChild(WattExpandableCardComponent);\n\n /* Whether the card is expanded. /\n expanded = input(false);\n\n /* The position of the expansion indicator. /\n togglePosition = input<MatAccordionTogglePosition>('after');\n\n /* Whether the card is elevated or has solid border */\n variant = input<'solid' \| 'elevation'>('elevation');\n}\n\n@Component({\n selector: 'watt-expandable-card-title',\n template: `<ng-content />`,\n})\nexport class WattExpandableCardTitleComponent {}\n"]}

package/esm2022/field/watt-field-error.component.js CHANGED Viewed

@@ -19,10 +19,10 @@
 import { Component, ViewEncapsulation } from '@angular/core';
 import * as i0 from "@angular/core";
 export class WattFieldErrorComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattFieldErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: WattFieldErrorComponent, isStandalone: true, selector: "watt-field-error", ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["watt-field-error{color:var(--watt-color-state-danger)}\n"], encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattFieldErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: WattFieldErrorComponent, isStandalone: true, selector: "watt-field-error", ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["watt-field-error{color:var(--watt-color-state-danger)}\n"], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattFieldErrorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattFieldErrorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'watt-field-error', template: `<ng-content />`, encapsulation: ViewEncapsulation.None, styles: ["watt-field-error{color:var(--watt-color-state-danger)}\n"] }]
         }] });

package/esm2022/field/watt-field-error.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"watt-field-error.component.js","sourceRoot":"","sources":["../../../../libs/watt/package/field/watt-field-error.component.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;;AAc7D,MAAM,OAAO,uBAAuB;~~uGAAvB~~,uBAAuB;~~2FAAvB~~,uBAAuB,4EAVxB,gBAAgB;;~~2FAUf~~,uBAAuB;kBAZnC,SAAS;+BACE,kBAAkB,YAClB,gBAAgB,iBACX,iBAAiB,CAAC,IAAI","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, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'watt-field-error',\n template: `<ng-content />`,\n encapsulation: ViewEncapsulation.None,\n styles: [\n `\n watt-field-error {\n color: var(--watt-color-state-danger);\n }\n `,\n ],\n})\nexport class WattFieldErrorComponent {}\n"]}
1	+ {"version":3,"file":"watt-field-error.component.js","sourceRoot":"","sources":["../../../../libs/watt/package/field/watt-field-error.component.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;;AAc7D,MAAM,OAAO,uBAAuB;wGAAvB,uBAAuB;4FAAvB,uBAAuB,4EAVxB,gBAAgB;;4FAUf,uBAAuB;kBAZnC,SAAS;+BACE,kBAAkB,YAClB,gBAAgB,iBACX,iBAAiB,CAAC,IAAI","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, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'watt-field-error',\n template: `<ng-content />`,\n encapsulation: ViewEncapsulation.None,\n styles: [\n `\n watt-field-error {\n color: var(--watt-color-state-danger);\n }\n `,\n ],\n})\nexport class WattFieldErrorComponent {}\n"]}

package/esm2022/field/watt-field-hint.component.js CHANGED Viewed

@@ -19,10 +19,10 @@
 import { Component } from '@angular/core';
 import * as i0 from "@angular/core";
 export class WattFieldHintComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattFieldHintComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: WattFieldHintComponent, isStandalone: true, selector: "watt-field-hint", ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host{color:var(--watt-color-neutral-grey-700)}\n"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattFieldHintComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: WattFieldHintComponent, isStandalone: true, selector: "watt-field-hint", ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host{color:var(--watt-color-neutral-grey-700)}\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattFieldHintComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattFieldHintComponent, decorators: [{
             type: Component,
             args: [{ selector: 'watt-field-hint', template: `<ng-content />`, styles: [":host{color:var(--watt-color-neutral-grey-700)}\n"] }]
         }] });

package/esm2022/field/watt-field-hint.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"watt-field-hint.component.js","sourceRoot":"","sources":["../../../../libs/watt/package/field/watt-field-hint.component.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAa1C,MAAM,OAAO,sBAAsB;~~uGAAtB~~,sBAAsB;~~2FAAtB~~,sBAAsB,2EAFvB,gBAAgB;;~~2FAEf~~,sBAAsB;kBAXlC,SAAS;+BACE,iBAAiB,YAQjB,gBAAgB","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 } from '@angular/core';\n\n@Component({\n selector: 'watt-field-hint',\n styles: [\n `\n :host {\n color: var(--watt-color-neutral-grey-700);\n }\n `,\n ],\n template: `<ng-content />`,\n})\nexport class WattFieldHintComponent {}\n"]}
1	+ {"version":3,"file":"watt-field-hint.component.js","sourceRoot":"","sources":["../../../../libs/watt/package/field/watt-field-hint.component.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAa1C,MAAM,OAAO,sBAAsB;wGAAtB,sBAAsB;4FAAtB,sBAAsB,2EAFvB,gBAAgB;;4FAEf,sBAAsB;kBAXlC,SAAS;+BACE,iBAAiB,YAQjB,gBAAgB","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 } from '@angular/core';\n\n@Component({\n selector: 'watt-field-hint',\n styles: [\n `\n :host {\n color: var(--watt-color-neutral-grey-700);\n }\n `,\n ],\n template: `<ng-content />`,\n})\nexport class WattFieldHintComponent {}\n"]}

package/esm2022/field/watt-field-intl.service.js CHANGED Viewed

@@ -22,10 +22,10 @@ import * as i0 from "@angular/core";
 export class WattFieldIntlService {
     changes = new Subject();
     required = 'Field is required';
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattFieldIntlService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattFieldIntlService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattFieldIntlService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattFieldIntlService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattFieldIntlService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattFieldIntlService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });

package/esm2022/field/watt-field-intl.service.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"watt-field-intl.service.js","sourceRoot":"","sources":["../../../../libs/watt/package/field/watt-field-intl.service.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;;AAG/B,MAAM,OAAO,oBAAoB;IACtB,OAAO,GAAkB,IAAI,OAAO,EAAQ,CAAC;IACtD,QAAQ,GAAG,mBAAmB,CAAC;~~uGAFpB~~,oBAAoB;~~2GAApB~~,oBAAoB,cADP,MAAM;;~~2FACnB~~,oBAAoB;kBADhC,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE","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 { Injectable } from '@angular/core';\nimport { Subject } from 'rxjs';\n\n@Injectable({ providedIn: 'root' })\nexport class WattFieldIntlService {\n readonly changes: Subject<void> = new Subject<void>();\n required = 'Field is required';\n}\n"]}
1	+ {"version":3,"file":"watt-field-intl.service.js","sourceRoot":"","sources":["../../../../libs/watt/package/field/watt-field-intl.service.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;;AAG/B,MAAM,OAAO,oBAAoB;IACtB,OAAO,GAAkB,IAAI,OAAO,EAAQ,CAAC;IACtD,QAAQ,GAAG,mBAAmB,CAAC;wGAFpB,oBAAoB;4GAApB,oBAAoB,cADP,MAAM;;4FACnB,oBAAoB;kBADhC,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE","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 { Injectable } from '@angular/core';\nimport { Subject } from 'rxjs';\n\n@Injectable({ providedIn: 'root' })\nexport class WattFieldIntlService {\n readonly changes: Subject<void> = new Subject<void>();\n required = 'Field is required';\n}\n"]}

package/esm2022/field/watt-field-warning.component.js CHANGED Viewed

@@ -19,10 +19,10 @@
 import { Component, ViewEncapsulation } from '@angular/core';
 import * as i0 from "@angular/core";
 export class WattFieldWarningComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattFieldWarningComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: WattFieldWarningComponent, isStandalone: true, selector: "watt-field-warning", ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["watt-field-warning{color:var(--watt-color-state-warning)}\n"], encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattFieldWarningComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: WattFieldWarningComponent, isStandalone: true, selector: "watt-field-warning", ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["watt-field-warning{color:var(--watt-color-state-warning)}\n"], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattFieldWarningComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattFieldWarningComponent, decorators: [{
             type: Component,
             args: [{ selector: 'watt-field-warning', template: `<ng-content />`, encapsulation: ViewEncapsulation.None, styles: ["watt-field-warning{color:var(--watt-color-state-warning)}\n"] }]
         }] });

package/esm2022/field/watt-field-warning.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"watt-field-warning.component.js","sourceRoot":"","sources":["../../../../libs/watt/package/field/watt-field-warning.component.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;;AAc7D,MAAM,OAAO,yBAAyB;~~uGAAzB~~,yBAAyB;~~2FAAzB~~,yBAAyB,8EAV1B,gBAAgB;;~~2FAUf~~,yBAAyB;kBAZrC,SAAS;+BACE,oBAAoB,YACpB,gBAAgB,iBACX,iBAAiB,CAAC,IAAI","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, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'watt-field-warning',\n template: `<ng-content />`,\n encapsulation: ViewEncapsulation.None,\n styles: [\n `\n watt-field-warning {\n color: var(--watt-color-state-warning);\n }\n `,\n ],\n})\nexport class WattFieldWarningComponent {}\n"]}
1	+ {"version":3,"file":"watt-field-warning.component.js","sourceRoot":"","sources":["../../../../libs/watt/package/field/watt-field-warning.component.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;;AAc7D,MAAM,OAAO,yBAAyB;wGAAzB,yBAAyB;4FAAzB,yBAAyB,8EAV1B,gBAAgB;;4FAUf,yBAAyB;kBAZrC,SAAS;+BACE,oBAAoB,YACpB,gBAAgB,iBACX,iBAAiB,CAAC,IAAI","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, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'watt-field-warning',\n template: `<ng-content />`,\n encapsulation: ViewEncapsulation.None,\n styles: [\n `\n watt-field-warning {\n color: var(--watt-color-state-warning);\n }\n `,\n ],\n})\nexport class WattFieldWarningComponent {}\n"]}

package/esm2022/field/watt-field.component.js CHANGED Viewed

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

package/esm2022/field/watt-field.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"watt-field.component.js","sourceRoot":"","sources":["../../../../libs/watt/package/field/watt-field.component.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,UAAU,EACV,iBAAiB,EACjB,QAAQ,EACR,MAAM,EACN,MAAM,EACN,KAAK,EACL,MAAM,EACN,SAAS,GACV,MAAM,eAAe,CAAC;AACvB,OAAO,EAAiC,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC3E,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACxE,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE9E,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAClF,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAEjE,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;;AAqEnD,MAAM,OAAO,kBAAkB;IAC7B,IAAI,GAAG,MAAM,CAAC,oBAAoB,CAAC,CAAC;IACpC,UAAU,GAAG,MAAM,CAAa,UAAU,CAAC,CAAC;IAE5C,OAAO,GAAG,KAAK,CAAqB,IAAI,mDAAC,CAAC;IAC1C,KAAK,GAAG,KAAK,2DAAU,CAAC;IACxB,EAAE,GAAG,KAAK,wDAAU,CAAC;IACrB,6CAA6C;IAC7C,QAAQ,GAAG,KAAK,CAAC,KAAK,oDAAC,CAAC;IACxB,OAAO,GAAG,KAAK,6DAAU,CAAC;IAC1B,WAAW,GAAG,KAAK,CAAC,EAAE,uDAAC,CAAC;IACxB,UAAU,GAAG,KAAK,gEAAU,CAAC;IAC7B,WAAW,GAAG,KAAK,CAA6B,KAAK,uDAAC,CAAC;IACvD,SAAS,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,eAAe,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,qDAAC,CAAC;IAE3F;;OAEG;IACH,SAAS,GAAG,KAAK,CAAC,KAAK,qDAAC,CAAC;IAEzB,cAAc;IACd,YAAY,GAAG,SAAS,CAA+B,OAAO,wDAAC,CAAC;IAChE,gBAAgB,GAAG,SAAS,CAA8B,WAAW,4DAAC,CAAC;IAEvE,KAAK,GAAG,MAAM,CAAC,EAAE,iDAAC,CAAC;IACnB,MAAM,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,MAAM,CAAC,kDAAC,CAAC;IACvE,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,MAAM,CAAC,iDAAC,CAAC;IAEzE,MAAM,GAAG,MAAM,CAA0B,IAAI,kDAAC,CAAC;IAC/C,UAAU,GAAG,MAAM,CAAC,KAAK,sDAAC,CAAC;IAC3B,OAAO,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC,eAAe,CAAC,mDAAC,CAAC;IAC1F,UAAU,GAAG,KAAK,CAAC,IAAI,sDAAC,CAAC;IAEzB,yCAAyC;IACzC,OAAO,GAAG,SAAS,CAAa,SAAS,mDAAC,CAAC;IAE3C;QACE,MAAM,QAAQ,GAAG,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC;QAExF,kDAAkD;QAClD,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAC1B,SAAS,CAAC,CAAC,OAAO,EAAE,EAAE,CACpB,OAAO,CAAC,YAAY,CAAC,IAAI,CACvB,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,EACxB,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,EAC/E,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CACtC,CACF,EACD,kBAAkB,EAAE,CACrB,CAAC;QAEF,iEAAiE;QACjE,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAC3B,SAAS,CAAC,CAAC,OAAO,EAAE,EAAE,CACpB,OAAO,CAAC,aAAa,CAAC,IAAI,CACxB,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,EACzB,GAAG,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC,EAC/D,GAAG,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAC3C,CACF,EACD,kBAAkB,EAAE,CACrB,CAAC;QAEF,6BAA6B;QAC7B,MAAM,CAAC,SAAS,EAAE,CAAC;QACnB,OAAO,CAAC,SAAS,EAAE,CAAC;QAEpB,MAAM,CAAC,GAAG,EAAE;YACV,IAAI,IAAI,CAAC,SAAS,EAAE,EAAE,CAAC;gBACrB,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC;oBACpB,IAAI,CAAC,gBAAgB,EAAE,EAAE,aAAa,CAAC,KAAK,EAAE,CAAC;gBACjD,CAAC;qBAAM,CAAC;oBACN,IAAI,CAAC,YAAY,EAAE,EAAE,aAAa,CAAC,KAAK,EAAE,CAAC;gBAC7C,CAAC;YACH,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,iBAAiB,CAAC,OAAoB;QACpC,MAAM,UAAU,GAAG,CAAC,UAAU,CAAC,QAAQ,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;QACvE,OAAO,UAAU,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC;IACzE,CAAC;uGAjFU,kBAAkB;2FAAlB,kBAAkB,g0DAtDnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CT,yoLAvDC,gBAAgB,oJAChB,iBAAiB,kGACjB,oBAAoB,2JACpB,uBAAuB,6DACvB,kBAAkB,2FAClB,qBAAqB;;2FAyDZ,kBAAkB;kBAnE9B,SAAS;+BACE,YAAY,mBACL,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,IAAI,WAC5B;wBACP,gBAAgB;wBAChB,iBAAiB;wBACjB,oBAAoB;wBACpB,uBAAuB;wBACvB,kBAAkB;wBAClB,qBAAqB;qBACtB,YAES;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CT,QACK;wBACJ,8BAA8B,EAAE,qBAAqB;wBACrD,iCAAiC,EAAE,cAAc;wBACjD,SAAS,EAAE,aAAa;qBACzB;g8BAuBsD,OAAO,0EACJ,WAAW,qKAYrC,SAAS","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 ElementRef,\n ViewEncapsulation,\n computed,\n effect,\n inject,\n input,\n signal,\n viewChild,\n} from '@angular/core';\nimport { FormControl, ValidationErrors, Validators } from '@angular/forms';\nimport { filter, map, startWith, switchMap, tap } from 'rxjs/operators';\nimport { takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';\n\nimport { WattIconComponent } from '@energinet/watt/icon';\nimport { WattTooltipDirective } from '@energinet/watt/tooltip';\nimport { VaterFlexComponent, VaterUtilityDirective } from '@energinet/watt/vater';\nimport { WattRangeValidators } from '@energinet/watt/validators';\n\nimport { WattFieldIntlService } from './watt-field-intl.service';\nimport { WattFieldErrorComponent } from './watt-field-error.component';\nimport { NgTemplateOutlet } from '@angular/common';\n\n@Component({\n selector: 'watt-field',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n imports: [\n NgTemplateOutlet,\n WattIconComponent,\n WattTooltipDirective,\n WattFieldErrorComponent,\n VaterFlexComponent,\n VaterUtilityDirective,\n ],\n styleUrls: ['./watt-field.component.scss'],\n template: `\n @if (chipMode() \|\| displayMode() !== 'box') {\n <span [attr.autofocus]=\"autoFocus() \|\| null\" class=\"watt-label\" #wattLabel>\n <ng-container ngTemplateOutlet=\"template\" />\n </span>\n } @else {\n <label [attr.autofocus]=\"autoFocus() \|\| null\" [attr.for]=\"id()\" #label>\n <ng-container ngTemplateOutlet=\"template\" />\n </label>\n }\n\n <ng-template #template>\n @if (label()) {\n <span class=\"label\" [class.required]=\"isRequired()\">\n {{ label() }}\n @if (tooltip(); as tooltip) {\n <watt-icon name=\"info\" wattTooltipPosition=\"top\" [wattTooltip]=\"tooltip\" />\n }\n </span>\n }\n <vater-flex direction=\"row\" gap=\"s\" align=\"center\">\n <div\n vater\n fill=\"horizontal\"\n #wrapper\n class=\"watt-field-wrapper\"\n [class.watt-field--has-placeholder]=\"!!placeholder()\"\n [style.anchor-name]=\"anchorName()\"\n >\n @if (placeholder()) {\n <div class=\"watt-field-placeholder\" aria-hidden=\"true\">\n <span class=\"watt-field-ghost\">{{ ghost() }}</span>\n <span class=\"watt-field-filler\">{{ filler() }}</span>\n </div>\n }\n <ng-content />\n </div>\n <ng-content select=\"watt-field-descriptor\" />\n </vater-flex>\n <ng-content select=\"[popover]\" />\n <ng-content select=\"watt-field-hint\" />\n <ng-content select=\"watt-field-error\" />\n <ng-content select=\"watt-field-warning\" />\n @if (isEmpty()) {\n <watt-field-error>{{ intl.required }}</watt-field-error>\n }\n </ng-template>\n `,\n host: {\n '[class.watt-field--disabled]': 'control()?.disabled',\n '[class.watt-field--show-errors]': 'showErrors()',\n '[class]': 'className()',\n },\n})\nexport class WattFieldComponent {\n intl = inject(WattFieldIntlService);\n elementRef = inject<ElementRef>(ElementRef);\n\n control = input<FormControl \| null>(null);\n label = input<string>();\n id = input<string>();\n /* @deprecated Use `displayMode` instead. /\n chipMode = input(false);\n tooltip = input<string>();\n placeholder = input('');\n anchorName = input<string>();\n displayMode = input<'box' \| 'chip' \| 'content'>('box');\n className = computed(() => `watt-field--${this.chipMode() ? 'chip' : this.displayMode()}`);\n\n /\n Whether the input should receive focus when the component is rendered.\n /\n autoFocus = input(false);\n\n /* @ignore */\n labelElement = viewChild<ElementRef<HTMLLabelElement>>('label');\n wattLabelElement = viewChild<ElementRef<HTMLSpanElement>>('wattLabel');\n\n value = signal('');\n filler = computed(() => this.placeholder().slice(this.value().length));\n ghost = computed(() => this.value().slice(0, this.placeholder().length));\n\n errors = signal<ValidationErrors \| null>(null);\n isRequired = signal(false);\n isEmpty = computed(() => this.errors()?.['required'] \|\| this.errors()?.['rangeRequired']);\n showErrors = input(true);\n\n // Used for text fields with autocomplete\n wrapper = viewChild<ElementRef>('wrapper');\n\n constructor() {\n const control$ = toObservable(this.control).pipe(filter((control) => control !== null));\n\n // Track value in order to update ghost and filler\n const value$ = control$.pipe(\n switchMap((control) =>\n control.valueChanges.pipe(\n startWith(control.value),\n map((value) => (value === null \|\| value === undefined ? '' : value.toString())),\n tap((value) => this.value.set(value))\n )\n ),\n takeUntilDestroyed()\n );\n\n // Track status in order to update required state and show errors\n const status$ = control$.pipe(\n switchMap((control) =>\n control.statusChanges.pipe(\n startWith(control.status),\n tap(() => this.isRequired.set(this.isRequiredControl(control))),\n tap(() => this.errors.set(control.errors))\n )\n ),\n takeUntilDestroyed()\n );\n\n // Subscribe for side effects\n value$.subscribe();\n status$.subscribe();\n\n effect(() => {\n if (this.autoFocus()) {\n if (this.chipMode()) {\n this.wattLabelElement()?.nativeElement.focus();\n } else {\n this.labelElement()?.nativeElement.focus();\n }\n }\n });\n }\n\n isRequiredControl(control: FormControl) {\n const validators = [Validators.required, WattRangeValidators.required];\n return validators.some((validator) => control.hasValidator(validator));\n }\n}\n"]}
1	+ {"version":3,"file":"watt-field.component.js","sourceRoot":"","sources":["../../../../libs/watt/package/field/watt-field.component.ts"],"names":[],"mappings":"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","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 ElementRef,\n ViewEncapsulation,\n computed,\n effect,\n inject,\n input,\n signal,\n viewChild,\n} from '@angular/core';\nimport { FormControl, ValidationErrors, Validators } from '@angular/forms';\nimport { filter, map, startWith, switchMap, tap } from 'rxjs/operators';\nimport { takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';\n\nimport { WattIconComponent } from '@energinet/watt/icon';\nimport { WattTooltipDirective } from '@energinet/watt/tooltip';\nimport { VaterFlexComponent, VaterUtilityDirective } from '@energinet/watt/vater';\nimport { WattRangeValidators } from '@energinet/watt/validators';\n\nimport { WattFieldIntlService } from './watt-field-intl.service';\nimport { WattFieldErrorComponent } from './watt-field-error.component';\nimport { NgTemplateOutlet } from '@angular/common';\n\n@Component({\n selector: 'watt-field',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n imports: [\n NgTemplateOutlet,\n WattIconComponent,\n WattTooltipDirective,\n WattFieldErrorComponent,\n VaterFlexComponent,\n VaterUtilityDirective,\n ],\n styleUrls: ['./watt-field.component.scss'],\n template: `\n @if (chipMode() \|\| displayMode() !== 'box') {\n <span [attr.autofocus]=\"autoFocus() \|\| null\" class=\"watt-label\" #wattLabel>\n <ng-container ngTemplateOutlet=\"template\" />\n </span>\n } @else {\n <label [attr.autofocus]=\"autoFocus() \|\| null\" [attr.for]=\"id()\" #label>\n <ng-container ngTemplateOutlet=\"template\" />\n </label>\n }\n\n <ng-template #template>\n @if (label()) {\n <span class=\"label\" [class.required]=\"isRequired()\">\n {{ label() }}\n @if (tooltip(); as tooltip) {\n <watt-icon name=\"info\" wattTooltipPosition=\"top\" [wattTooltip]=\"tooltip\" />\n }\n </span>\n }\n <vater-flex direction=\"row\" gap=\"s\" align=\"center\">\n <div\n vater\n fill=\"horizontal\"\n #wrapper\n class=\"watt-field-wrapper\"\n [class.watt-field--has-placeholder]=\"!!placeholder()\"\n [style.anchor-name]=\"anchorName()\"\n >\n @if (placeholder()) {\n <div class=\"watt-field-placeholder\" aria-hidden=\"true\">\n <span class=\"watt-field-ghost\">{{ ghost() }}</span>\n <span class=\"watt-field-filler\">{{ filler() }}</span>\n </div>\n }\n <ng-content />\n </div>\n <ng-content select=\"watt-field-descriptor\" />\n </vater-flex>\n <ng-content select=\"[popover]\" />\n <ng-content select=\"watt-field-hint\" />\n <ng-content select=\"watt-field-error\" />\n <ng-content select=\"watt-field-warning\" />\n @if (isEmpty()) {\n <watt-field-error>{{ intl.required }}</watt-field-error>\n }\n </ng-template>\n `,\n host: {\n '[class.watt-field--disabled]': 'control()?.disabled',\n '[class.watt-field--show-errors]': 'showErrors()',\n '[class]': 'className()',\n },\n})\nexport class WattFieldComponent {\n intl = inject(WattFieldIntlService);\n elementRef = inject<ElementRef>(ElementRef);\n\n control = input<FormControl \| null>(null);\n label = input<string>();\n id = input<string>();\n /* @deprecated Use `displayMode` instead. /\n chipMode = input(false);\n tooltip = input<string>();\n placeholder = input('');\n anchorName = input<string>();\n displayMode = input<'box' \| 'chip' \| 'content'>('box');\n className = computed(() => `watt-field--${this.chipMode() ? 'chip' : this.displayMode()}`);\n\n /\n Whether the input should receive focus when the component is rendered.\n /\n autoFocus = input(false);\n\n /* @ignore */\n labelElement = viewChild<ElementRef<HTMLLabelElement>>('label');\n wattLabelElement = viewChild<ElementRef<HTMLSpanElement>>('wattLabel');\n\n value = signal('');\n filler = computed(() => this.placeholder().slice(this.value().length));\n ghost = computed(() => this.value().slice(0, this.placeholder().length));\n\n errors = signal<ValidationErrors \| null>(null);\n isRequired = signal(false);\n isEmpty = computed(() => this.errors()?.['required'] \|\| this.errors()?.['rangeRequired']);\n showErrors = input(true);\n\n // Used for text fields with autocomplete\n wrapper = viewChild<ElementRef>('wrapper');\n\n constructor() {\n const control$ = toObservable(this.control).pipe(filter((control) => control !== null));\n\n // Track value in order to update ghost and filler\n const value$ = control$.pipe(\n switchMap((control) =>\n control.valueChanges.pipe(\n startWith(control.value),\n map((value) => (value === null \|\| value === undefined ? '' : value.toString())),\n tap((value) => this.value.set(value))\n )\n ),\n takeUntilDestroyed()\n );\n\n // Track status in order to update required state and show errors\n const status$ = control$.pipe(\n switchMap((control) =>\n control.statusChanges.pipe(\n startWith(control.status),\n tap(() => this.isRequired.set(this.isRequiredControl(control))),\n tap(() => this.errors.set(control.errors))\n )\n ),\n takeUntilDestroyed()\n );\n\n // Subscribe for side effects\n value$.subscribe();\n status$.subscribe();\n\n effect(() => {\n if (this.autoFocus()) {\n if (this.chipMode()) {\n this.wattLabelElement()?.nativeElement.focus();\n } else {\n this.labelElement()?.nativeElement.focus();\n }\n }\n });\n }\n\n isRequiredControl(control: FormControl) {\n const validators = [Validators.required, WattRangeValidators.required];\n return validators.some((validator) => control.hasValidator(validator));\n }\n}\n"]}

package/esm2022/file-field/watt-file-field.component.js CHANGED Viewed

@@ -26,8 +26,8 @@ export class WattFileField {
     placeholder = input('', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
     clear = output();
     clearSubscription = this.clear.subscribe(() => this.file.set(undefined));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattFileField, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.6", type: WattFileField, isStandalone: true, selector: "watt-file-field", inputs: { file: { classPropertyName: "file", publicName: "file", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { file: "fileChange", clear: "clear" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattFileField, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: WattFileField, isStandalone: true, selector: "watt-file-field", inputs: { file: { classPropertyName: "file", publicName: "file", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { file: "fileChange", clear: "clear" }, ngImport: i0, template: `
     <watt-field [label]="label()">
       <input
         disabled
@@ -46,7 +46,7 @@ export class WattFileField {
     </watt-field>
   `, isInline: true, styles: [".watt-file-field-text{color:var(--watt-color-primary)}.watt-file-field-text:placeholder-shown{color:var(--watt-input-placeholder-color)}\n"], dependencies: [{ kind: "component", type: WattButtonComponent, selector: "watt-button", inputs: ["icon", "variant", "size", "type", "formId", "disabled", "loading"] }, { kind: "component", type: WattFieldComponent, selector: "watt-field", inputs: ["control", "label", "id", "chipMode", "tooltip", "placeholder", "anchorName", "displayMode", "autoFocus", "showErrors"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattFileField, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattFileField, decorators: [{
             type: Component,
             args: [{ selector: 'watt-file-field', imports: [WattButtonComponent, WattFieldComponent], encapsulation: ViewEncapsulation.None, template: `
     <watt-field [label]="label()">

package/esm2022/file-field/watt-file-field.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"watt-file-field.component.js","sourceRoot":"","sources":["../../../../libs/watt/package/file-field/watt-file-field.component.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACnF,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;;AAkC3D,MAAM,OAAO,aAAa;IACf,IAAI,GAAG,KAAK,0DAAQ,CAAC;IACrB,KAAK,GAAG,KAAK,CAAC,EAAE,iDAAC,CAAC;IAClB,WAAW,GAAG,KAAK,CAAC,EAAE,uDAAC,CAAC;IACxB,KAAK,GAAG,MAAM,EAAE,CAAC;IAChB,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC;~~uGALxE~~,aAAa;~~2FAAb~~,aAAa,+fAnBd;;;;;;;;;;;;;;;;;GAiBT,oNA5BS,mBAAmB,sIAAE,kBAAkB;;~~2FA8BtC~~,aAAa;kBAhCzB,SAAS;+BACE,iBAAiB,WAClB,CAAC,mBAAmB,EAAE,kBAAkB,CAAC,iBACnC,iBAAiB,CAAC,IAAI,YAU3B;;;;;;;;;;;;;;;;;GAiBT","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, ViewEncapsulation, input, model, output } from '@angular/core';\nimport { WattButtonComponent } from '@energinet/watt/button';\nimport { WattFieldComponent } from '@energinet/watt/field';\n\n@Component({\n selector: 'watt-file-field',\n imports: [WattButtonComponent, WattFieldComponent],\n encapsulation: ViewEncapsulation.None,\n styles: `\n .watt-file-field-text {\n color: var(--watt-color-primary);\n }\n\n .watt-file-field-text:placeholder-shown {\n color: var(--watt-input-placeholder-color);\n }\n `,\n template: `\n <watt-field [label]=\"label()\">\n <input\n disabled\n class=\"watt-file-field-text\"\n [placeholder]=\"placeholder()\"\n type=\"text\"\n [value]=\"file()?.name\"\n />\n @if (!file()) {\n <input #input hidden type=\"file\" (change)=\"file.set(input.files?.item(0) ?? undefined)\" />\n <watt-button variant=\"icon\" icon=\"fileUpload\" (click)=\"input.click()\" />\n } @else {\n <watt-button variant=\"icon\" icon=\"remove\" (click)=\"clear.emit()\" />\n }\n <ng-content />\n </watt-field>\n `,\n})\nexport class WattFileField {\n readonly file = model<File>();\n readonly label = input('');\n readonly placeholder = input('');\n readonly clear = output();\n protected clearSubscription = this.clear.subscribe(() => this.file.set(undefined));\n}\n"]}
1	+ {"version":3,"file":"watt-file-field.component.js","sourceRoot":"","sources":["../../../../libs/watt/package/file-field/watt-file-field.component.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACnF,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;;AAkC3D,MAAM,OAAO,aAAa;IACf,IAAI,GAAG,KAAK,0DAAQ,CAAC;IACrB,KAAK,GAAG,KAAK,CAAC,EAAE,iDAAC,CAAC;IAClB,WAAW,GAAG,KAAK,CAAC,EAAE,uDAAC,CAAC;IACxB,KAAK,GAAG,MAAM,EAAE,CAAC;IAChB,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC;wGALxE,aAAa;4FAAb,aAAa,+fAnBd;;;;;;;;;;;;;;;;;GAiBT,oNA5BS,mBAAmB,sIAAE,kBAAkB;;4FA8BtC,aAAa;kBAhCzB,SAAS;+BACE,iBAAiB,WAClB,CAAC,mBAAmB,EAAE,kBAAkB,CAAC,iBACnC,iBAAiB,CAAC,IAAI,YAU3B;;;;;;;;;;;;;;;;;GAiBT","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, ViewEncapsulation, input, model, output } from '@angular/core';\nimport { WattButtonComponent } from '@energinet/watt/button';\nimport { WattFieldComponent } from '@energinet/watt/field';\n\n@Component({\n selector: 'watt-file-field',\n imports: [WattButtonComponent, WattFieldComponent],\n encapsulation: ViewEncapsulation.None,\n styles: `\n .watt-file-field-text {\n color: var(--watt-color-primary);\n }\n\n .watt-file-field-text:placeholder-shown {\n color: var(--watt-input-placeholder-color);\n }\n `,\n template: `\n <watt-field [label]=\"label()\">\n <input\n disabled\n class=\"watt-file-field-text\"\n [placeholder]=\"placeholder()\"\n type=\"text\"\n [value]=\"file()?.name\"\n />\n @if (!file()) {\n <input #input hidden type=\"file\" (change)=\"file.set(input.files?.item(0) ?? undefined)\" />\n <watt-button variant=\"icon\" icon=\"fileUpload\" (click)=\"input.click()\" />\n } @else {\n <watt-button variant=\"icon\" icon=\"remove\" (click)=\"clear.emit()\" />\n }\n <ng-content />\n </watt-field>\n `,\n})\nexport class WattFileField {\n readonly file = model<File>();\n readonly label = input('');\n readonly placeholder = input('');\n readonly clear = output();\n protected clearSubscription = this.clear.subscribe(() => this.file.set(undefined));\n}\n"]}

package/esm2022/icon/flags/watt-flag-ch.js CHANGED Viewed

@@ -19,8 +19,8 @@
 import { Component } from '@angular/core';
 import * as i0 from "@angular/core";
 export class WattFlagSwitzerlandComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattFlagSwitzerlandComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: WattFlagSwitzerlandComponent, isStandalone: true, selector: "watt-flag-ch", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattFlagSwitzerlandComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: WattFlagSwitzerlandComponent, isStandalone: true, selector: "watt-flag-ch", ngImport: i0, template: `
     <svg viewBox="0 0 640 480">
       <g fill="#ff0000">
         <path d="M0 0h640v480H0z" />
@@ -32,7 +32,7 @@ export class WattFlagSwitzerlandComponent {
     </svg>
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattFlagSwitzerlandComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattFlagSwitzerlandComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'watt-flag-ch',

package/esm2022/icon/flags/watt-flag-ch.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"watt-flag-ch.js","sourceRoot":"","sources":["../../../../../libs/watt/package/icon/flags/watt-flag-ch.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAgB1C,MAAM,OAAO,4BAA4B;~~uGAA5B~~,4BAA4B;~~2FAA5B~~,4BAA4B,wEAZ7B;;;;;;;;;;GAUT;;~~2FAEU~~,4BAA4B;kBAdxC,SAAS;mBAAC;oBACT,QAAQ,EAAE,cAAc;oBACxB,QAAQ,EAAE;;;;;;;;;;GAUT;iBACF","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 } from '@angular/core';\n\n@Component({\n selector: 'watt-flag-ch',\n template: `\n <svg viewBox=\"0 0 640 480\">\n <g fill=\"#ff0000\">\n <path d=\"M0 0h640v480H0z\" />\n </g>\n <g fill=\"#ffffff\">\n <path d=\"M170 195h300v90H170z\" />\n <path d=\"M275 90h90v300h-90z\" />\n </g>\n </svg>\n `,\n})\nexport class WattFlagSwitzerlandComponent {}\n"]}
1	+ {"version":3,"file":"watt-flag-ch.js","sourceRoot":"","sources":["../../../../../libs/watt/package/icon/flags/watt-flag-ch.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAgB1C,MAAM,OAAO,4BAA4B;wGAA5B,4BAA4B;4FAA5B,4BAA4B,wEAZ7B;;;;;;;;;;GAUT;;4FAEU,4BAA4B;kBAdxC,SAAS;mBAAC;oBACT,QAAQ,EAAE,cAAc;oBACxB,QAAQ,EAAE;;;;;;;;;;GAUT;iBACF","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 } from '@angular/core';\n\n@Component({\n selector: 'watt-flag-ch',\n template: `\n <svg viewBox=\"0 0 640 480\">\n <g fill=\"#ff0000\">\n <path d=\"M0 0h640v480H0z\" />\n </g>\n <g fill=\"#ffffff\">\n <path d=\"M170 195h300v90H170z\" />\n <path d=\"M275 90h90v300h-90z\" />\n </g>\n </svg>\n `,\n})\nexport class WattFlagSwitzerlandComponent {}\n"]}

package/esm2022/icon/flags/watt-flag-de.js CHANGED Viewed

@@ -19,8 +19,8 @@
 import { Component } from '@angular/core';
 import * as i0 from "@angular/core";
 export class WattFlagGermanyComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattFlagGermanyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: WattFlagGermanyComponent, isStandalone: true, selector: "watt-flag-de", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattFlagGermanyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: WattFlagGermanyComponent, isStandalone: true, selector: "watt-flag-de", ngImport: i0, template: `
     <svg viewBox="0 0 640 480">
       <path fill="#ffce00" d="M0 320h640v160H0z" />
       <path fill="#000001" d="M0 0h640v160H0z" />
@@ -28,7 +28,7 @@ export class WattFlagGermanyComponent {
     </svg>
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattFlagGermanyComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattFlagGermanyComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'watt-flag-de',

package/esm2022/icon/flags/watt-flag-de.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"watt-flag-de.js","sourceRoot":"","sources":["../../../../../libs/watt/package/icon/flags/watt-flag-de.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAY1C,MAAM,OAAO,wBAAwB;~~uGAAxB~~,wBAAwB;~~2FAAxB~~,wBAAwB,wEARzB;;;;;;GAMT;;~~2FAEU~~,wBAAwB;kBAVpC,SAAS;mBAAC;oBACT,QAAQ,EAAE,cAAc;oBACxB,QAAQ,EAAE;;;;;;GAMT;iBACF","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 } from '@angular/core';\n\n@Component({\n selector: 'watt-flag-de',\n template: `\n <svg viewBox=\"0 0 640 480\">\n <path fill=\"#ffce00\" d=\"M0 320h640v160H0z\" />\n <path fill=\"#000001\" d=\"M0 0h640v160H0z\" />\n <path fill=\"red\" d=\"M0 160h640v160H0z\" />\n </svg>\n `,\n})\nexport class WattFlagGermanyComponent {}\n"]}
1	+ {"version":3,"file":"watt-flag-de.js","sourceRoot":"","sources":["../../../../../libs/watt/package/icon/flags/watt-flag-de.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAY1C,MAAM,OAAO,wBAAwB;wGAAxB,wBAAwB;4FAAxB,wBAAwB,wEARzB;;;;;;GAMT;;4FAEU,wBAAwB;kBAVpC,SAAS;mBAAC;oBACT,QAAQ,EAAE,cAAc;oBACxB,QAAQ,EAAE;;;;;;GAMT;iBACF","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 } from '@angular/core';\n\n@Component({\n selector: 'watt-flag-de',\n template: `\n <svg viewBox=\"0 0 640 480\">\n <path fill=\"#ffce00\" d=\"M0 320h640v160H0z\" />\n <path fill=\"#000001\" d=\"M0 0h640v160H0z\" />\n <path fill=\"red\" d=\"M0 160h640v160H0z\" />\n </svg>\n `,\n})\nexport class WattFlagGermanyComponent {}\n"]}

package/esm2022/icon/flags/watt-flag-dk.js CHANGED Viewed

@@ -19,8 +19,8 @@
 import { Component } from '@angular/core';
 import * as i0 from "@angular/core";
 export class WattFlagDenmarkComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattFlagDenmarkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: WattFlagDenmarkComponent, isStandalone: true, selector: "watt-flag-dk", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattFlagDenmarkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: WattFlagDenmarkComponent, isStandalone: true, selector: "watt-flag-dk", ngImport: i0, template: `
     <svg viewBox="0 0 640 480">
       <path fill="#c8102e" d="M0 0h640.1v480H0z" />
       <path fill="#fff" d="M205.7 0h68.6v480h-68.6z" />
@@ -28,7 +28,7 @@ export class WattFlagDenmarkComponent {
     </svg>
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattFlagDenmarkComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattFlagDenmarkComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'watt-flag-dk',

package/esm2022/icon/flags/watt-flag-dk.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"watt-flag-dk.js","sourceRoot":"","sources":["../../../../../libs/watt/package/icon/flags/watt-flag-dk.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAY1C,MAAM,OAAO,wBAAwB;~~uGAAxB~~,wBAAwB;~~2FAAxB~~,wBAAwB,wEARzB;;;;;;GAMT;;~~2FAEU~~,wBAAwB;kBAVpC,SAAS;mBAAC;oBACT,QAAQ,EAAE,cAAc;oBACxB,QAAQ,EAAE;;;;;;GAMT;iBACF","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 } from '@angular/core';\n\n@Component({\n selector: 'watt-flag-dk',\n template: `\n <svg viewBox=\"0 0 640 480\">\n <path fill=\"#c8102e\" d=\"M0 0h640.1v480H0z\" />\n <path fill=\"#fff\" d=\"M205.7 0h68.6v480h-68.6z\" />\n <path fill=\"#fff\" d=\"M0 205.7h640.1v68.6H0z\" />\n </svg>\n `,\n})\nexport class WattFlagDenmarkComponent {}\n"]}
1	+ {"version":3,"file":"watt-flag-dk.js","sourceRoot":"","sources":["../../../../../libs/watt/package/icon/flags/watt-flag-dk.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAY1C,MAAM,OAAO,wBAAwB;wGAAxB,wBAAwB;4FAAxB,wBAAwB,wEARzB;;;;;;GAMT;;4FAEU,wBAAwB;kBAVpC,SAAS;mBAAC;oBACT,QAAQ,EAAE,cAAc;oBACxB,QAAQ,EAAE;;;;;;GAMT;iBACF","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 } from '@angular/core';\n\n@Component({\n selector: 'watt-flag-dk',\n template: `\n <svg viewBox=\"0 0 640 480\">\n <path fill=\"#c8102e\" d=\"M0 0h640.1v480H0z\" />\n <path fill=\"#fff\" d=\"M205.7 0h68.6v480h-68.6z\" />\n <path fill=\"#fff\" d=\"M0 205.7h640.1v68.6H0z\" />\n </svg>\n `,\n})\nexport class WattFlagDenmarkComponent {}\n"]}

package/esm2022/icon/flags/watt-flag-fi.js CHANGED Viewed

@@ -19,8 +19,8 @@
 import { Component } from '@angular/core';
 import * as i0 from "@angular/core";
 export class WattFlagFinlandComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattFlagFinlandComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: WattFlagFinlandComponent, isStandalone: true, selector: "watt-flag-fi", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattFlagFinlandComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: WattFlagFinlandComponent, isStandalone: true, selector: "watt-flag-fi", ngImport: i0, template: `
     <svg viewBox="0 0 640 480">
       <path fill="#fff" d="M0 0h640v480H0z" />
       <path fill="#002f6c" d="M0 174.5h640v131H0z" />
@@ -28,7 +28,7 @@ export class WattFlagFinlandComponent {
     </svg>
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattFlagFinlandComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattFlagFinlandComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'watt-flag-fi',

package/esm2022/icon/flags/watt-flag-fi.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"watt-flag-fi.js","sourceRoot":"","sources":["../../../../../libs/watt/package/icon/flags/watt-flag-fi.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAY1C,MAAM,OAAO,wBAAwB;~~uGAAxB~~,wBAAwB;~~2FAAxB~~,wBAAwB,wEARzB;;;;;;GAMT;;~~2FAEU~~,wBAAwB;kBAVpC,SAAS;mBAAC;oBACT,QAAQ,EAAE,cAAc;oBACxB,QAAQ,EAAE;;;;;;GAMT;iBACF","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 } from '@angular/core';\n\n@Component({\n selector: 'watt-flag-fi',\n template: `\n <svg viewBox=\"0 0 640 480\">\n <path fill=\"#fff\" d=\"M0 0h640v480H0z\" />\n <path fill=\"#002f6c\" d=\"M0 174.5h640v131H0z\" />\n <path fill=\"#002f6c\" d=\"M175.5 0h130.9v480h-131z\" />\n </svg>\n `,\n})\nexport class WattFlagFinlandComponent {}\n"]}
1	+ {"version":3,"file":"watt-flag-fi.js","sourceRoot":"","sources":["../../../../../libs/watt/package/icon/flags/watt-flag-fi.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAY1C,MAAM,OAAO,wBAAwB;wGAAxB,wBAAwB;4FAAxB,wBAAwB,wEARzB;;;;;;GAMT;;4FAEU,wBAAwB;kBAVpC,SAAS;mBAAC;oBACT,QAAQ,EAAE,cAAc;oBACxB,QAAQ,EAAE;;;;;;GAMT;iBACF","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 } from '@angular/core';\n\n@Component({\n selector: 'watt-flag-fi',\n template: `\n <svg viewBox=\"0 0 640 480\">\n <path fill=\"#fff\" d=\"M0 0h640v480H0z\" />\n <path fill=\"#002f6c\" d=\"M0 174.5h640v131H0z\" />\n <path fill=\"#002f6c\" d=\"M175.5 0h130.9v480h-131z\" />\n </svg>\n `,\n})\nexport class WattFlagFinlandComponent {}\n"]}

package/esm2022/icon/flags/watt-flag-gb.js CHANGED Viewed

@@ -19,8 +19,8 @@
 import { Component } from '@angular/core';
 import * as i0 from "@angular/core";
 export class WattFlagUnitedKingdomComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattFlagUnitedKingdomComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: WattFlagUnitedKingdomComponent, isStandalone: true, selector: "watt-flag-gb", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattFlagUnitedKingdomComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: WattFlagUnitedKingdomComponent, isStandalone: true, selector: "watt-flag-gb", ngImport: i0, template: `
     <svg viewBox="0 0 640 480">
       <path fill="#012169" d="M0 0h640v480H0z" />
       <path
@@ -36,7 +36,7 @@ export class WattFlagUnitedKingdomComponent {
     </svg>
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattFlagUnitedKingdomComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattFlagUnitedKingdomComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'watt-flag-gb',

package/esm2022/icon/flags/watt-flag-gb.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"watt-flag-gb.js","sourceRoot":"","sources":["../../../../../libs/watt/package/icon/flags/watt-flag-gb.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAoB1C,MAAM,OAAO,8BAA8B;~~uGAA9B~~,8BAA8B;~~2FAA9B~~,8BAA8B,wEAhB/B;;;;;;;;;;;;;;GAcT;;~~2FAEU~~,8BAA8B;kBAlB1C,SAAS;mBAAC;oBACT,QAAQ,EAAE,cAAc;oBACxB,QAAQ,EAAE;;;;;;;;;;;;;;GAcT;iBACF","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 } from '@angular/core';\n\n@Component({\n selector: 'watt-flag-gb',\n template: `\n <svg viewBox=\"0 0 640 480\">\n <path fill=\"#012169\" d=\"M0 0h640v480H0z\" />\n <path\n fill=\"#FFF\"\n d=\"m75 0 244 181L562 0h78v62L400 241l240 178v61h-80L320 301 81 480H0v-60l239-178L0 64V0z\"\n />\n <path\n fill=\"#C8102E\"\n d=\"m424 281 216 159v40L369 281zm-184 20 6 35L54 480H0zM640 0v3L391 191l2-44L590 0zM0 0l239 176h-60L0 42z\"\n />\n <path fill=\"#FFF\" d=\"M241 0v480h160V0zM0 160v160h640V160z\" />\n <path fill=\"#C8102E\" d=\"M0 193v96h640v-96zM273 0v480h96V0z\" />\n </svg>\n `,\n})\nexport class WattFlagUnitedKingdomComponent {}\n"]}
1	+ {"version":3,"file":"watt-flag-gb.js","sourceRoot":"","sources":["../../../../../libs/watt/package/icon/flags/watt-flag-gb.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAoB1C,MAAM,OAAO,8BAA8B;wGAA9B,8BAA8B;4FAA9B,8BAA8B,wEAhB/B;;;;;;;;;;;;;;GAcT;;4FAEU,8BAA8B;kBAlB1C,SAAS;mBAAC;oBACT,QAAQ,EAAE,cAAc;oBACxB,QAAQ,EAAE;;;;;;;;;;;;;;GAcT;iBACF","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 } from '@angular/core';\n\n@Component({\n selector: 'watt-flag-gb',\n template: `\n <svg viewBox=\"0 0 640 480\">\n <path fill=\"#012169\" d=\"M0 0h640v480H0z\" />\n <path\n fill=\"#FFF\"\n d=\"m75 0 244 181L562 0h78v62L400 241l240 178v61h-80L320 301 81 480H0v-60l239-178L0 64V0z\"\n />\n <path\n fill=\"#C8102E\"\n d=\"m424 281 216 159v40L369 281zm-184 20 6 35L54 480H0zM640 0v3L391 191l2-44L590 0zM0 0l239 176h-60L0 42z\"\n />\n <path fill=\"#FFF\" d=\"M241 0v480h160V0zM0 160v160h640V160z\" />\n <path fill=\"#C8102E\" d=\"M0 193v96h640v-96zM273 0v480h96V0z\" />\n </svg>\n `,\n})\nexport class WattFlagUnitedKingdomComponent {}\n"]}

package/esm2022/icon/flags/watt-flag-nl.js CHANGED Viewed

@@ -19,8 +19,8 @@
 import { Component } from '@angular/core';
 import * as i0 from "@angular/core";
 export class WattFlagNetherlandsComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattFlagNetherlandsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: WattFlagNetherlandsComponent, isStandalone: true, selector: "watt-flag-nl", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattFlagNetherlandsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: WattFlagNetherlandsComponent, isStandalone: true, selector: "watt-flag-nl", ngImport: i0, template: `
     <svg viewBox="0 0 640 480">
       <path fill="#21468b" d="M0 0h640v480H0z" />
       <path fill="#fff" d="M0 160h640v160H0z" />
@@ -28,7 +28,7 @@ export class WattFlagNetherlandsComponent {
     </svg>
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattFlagNetherlandsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattFlagNetherlandsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'watt-flag-nl',

package/esm2022/icon/flags/watt-flag-nl.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"watt-flag-nl.js","sourceRoot":"","sources":["../../../../../libs/watt/package/icon/flags/watt-flag-nl.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAY1C,MAAM,OAAO,4BAA4B;~~uGAA5B~~,4BAA4B;~~2FAA5B~~,4BAA4B,wEAR7B;;;;;;GAMT;;~~2FAEU~~,4BAA4B;kBAVxC,SAAS;mBAAC;oBACT,QAAQ,EAAE,cAAc;oBACxB,QAAQ,EAAE;;;;;;GAMT;iBACF","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 } from '@angular/core';\n\n@Component({\n selector: 'watt-flag-nl',\n template: `\n <svg viewBox=\"0 0 640 480\">\n <path fill=\"#21468b\" d=\"M0 0h640v480H0z\" />\n <path fill=\"#fff\" d=\"M0 160h640v160H0z\" />\n <path fill=\"#ae1c28\" d=\"M0 320h640v160H0z\" />\n </svg>\n `,\n})\nexport class WattFlagNetherlandsComponent {}\n"]}
1	+ {"version":3,"file":"watt-flag-nl.js","sourceRoot":"","sources":["../../../../../libs/watt/package/icon/flags/watt-flag-nl.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAY1C,MAAM,OAAO,4BAA4B;wGAA5B,4BAA4B;4FAA5B,4BAA4B,wEAR7B;;;;;;GAMT;;4FAEU,4BAA4B;kBAVxC,SAAS;mBAAC;oBACT,QAAQ,EAAE,cAAc;oBACxB,QAAQ,EAAE;;;;;;GAMT;iBACF","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 } from '@angular/core';\n\n@Component({\n selector: 'watt-flag-nl',\n template: `\n <svg viewBox=\"0 0 640 480\">\n <path fill=\"#21468b\" d=\"M0 0h640v480H0z\" />\n <path fill=\"#fff\" d=\"M0 160h640v160H0z\" />\n <path fill=\"#ae1c28\" d=\"M0 320h640v160H0z\" />\n </svg>\n `,\n})\nexport class WattFlagNetherlandsComponent {}\n"]}

package/esm2022/icon/flags/watt-flag-no.js CHANGED Viewed

@@ -19,8 +19,8 @@
 import { Component } from '@angular/core';
 import * as i0 from "@angular/core";
 export class WattFlagNorwayComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattFlagNorwayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: WattFlagNorwayComponent, isStandalone: true, selector: "watt-flag-no", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattFlagNorwayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: WattFlagNorwayComponent, isStandalone: true, selector: "watt-flag-no", ngImport: i0, template: `
     <svg viewBox="0 0 640 480">
       <path fill="#ed2939" d="M0 0h640v480H0z" />
       <path fill="#fff" d="M180 0h120v480H180z" />
@@ -30,7 +30,7 @@ export class WattFlagNorwayComponent {
     </svg>
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattFlagNorwayComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattFlagNorwayComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'watt-flag-no',