@energinet/watt 4.2.4 → 4.2.5

package/esm2022/badge/watt-badge.component.js

@@ -27,10 +27,10 @@ export class WattBadgeComponent {
     size = input('normal', ...(ngDevMode ? [{ debugName: "size" }] : []));
     badgeType = computed(() => `watt-badge-${this.type()}`, ...(ngDevMode ? [{ debugName: "badgeType" }] : []));
     isLarge = computed(() => this.size() === 'large', ...(ngDevMode ? [{ debugName: "isLarge" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.6", type: WattBadgeComponent, isStandalone: true, selector: "watt-badge", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "badgeType()", "class.watt-badge-large": "isLarge()" } }, ngImport: i0, template: '<ng-content />', isInline: true, styles: [":host{border-radius:4px;padding:.125rem var(--watt-space-xs);color:var(--watt-typography-label-color);font-size:.875rem;line-height:1.25rem;font-weight:600;color:var(--watt-color-primary-dark)}:host.watt-badge-large{font-size:1rem;line-height:1.5rem;font-weight:700}:host.watt-badge-neutral{color:var(--watt-color-neutral-grey-600);background:var(--watt-color-neutral-grey-200)}:host.watt-badge-info{background:var(--watt-color-state-info-light)}:host.watt-badge-success{background:var(--watt-color-state-success-light)}:host.watt-badge-warning{background:var(--watt-color-state-warning-light)}:host.watt-badge-danger{color:var(--watt-color-state-danger);background:var(--watt-color-state-danger-light)}:host.watt-badge-version{color:var(--watt-on-light-high-emphasis);background:var(--watt-color-secondary)}:host.watt-badge-skeleton{color:transparent;animation:shine 1.6s infinite linear;background-color:var(--watt-color-neutral-grey-200);background-size:600px;background-image:linear-gradient(90deg,var(--watt-color-neutral-grey-300) 0px,var(--watt-color-neutral-grey-200) 40px,var(--watt-color-neutral-grey-300) 80px)}@keyframes shine{0%{background-position:-100px}40%,to{background-position:140px}}\n"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.15", type: WattBadgeComponent, isStandalone: true, selector: "watt-badge", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "badgeType()", "class.watt-badge-large": "isLarge()" } }, ngImport: i0, template: '<ng-content />', isInline: true, styles: [":host{border-radius:4px;padding:.125rem var(--watt-space-xs);color:var(--watt-typography-label-color);font-size:.875rem;line-height:1.25rem;font-weight:600;color:var(--watt-color-primary-dark)}:host.watt-badge-large{font-size:1rem;line-height:1.5rem;font-weight:700}:host.watt-badge-neutral{color:var(--watt-color-neutral-grey-600);background:var(--watt-color-neutral-grey-200)}:host.watt-badge-info{background:var(--watt-color-state-info-light)}:host.watt-badge-success{background:var(--watt-color-state-success-light)}:host.watt-badge-warning{background:var(--watt-color-state-warning-light)}:host.watt-badge-danger{color:var(--watt-color-state-danger);background:var(--watt-color-state-danger-light)}:host.watt-badge-version{color:var(--watt-on-light-high-emphasis);background:var(--watt-color-secondary)}:host.watt-badge-skeleton{color:transparent;animation:shine 1.6s infinite linear;background-color:var(--watt-color-neutral-grey-200);background-size:600px;background-image:linear-gradient(90deg,var(--watt-color-neutral-grey-300) 0px,var(--watt-color-neutral-grey-200) 40px,var(--watt-color-neutral-grey-300) 80px)}@keyframes shine{0%{background-position:-100px}40%,to{background-position:140px}}\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattBadgeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattBadgeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'watt-badge', template: '<ng-content />', host: {
                         '[class]': 'badgeType()',

package/esm2022/badge/watt-badge.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"watt-badge.component.js","sourceRoot":"","sources":["../../../../libs/watt/package/badge/watt-badge.component.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;;AAa3D;;;GAGG;AAUH,MAAM,OAAO,kBAAkB;IAC7B,IAAI,GAAG,KAAK,CAAgB,MAAM,gDAAC,CAAC;IACpC,IAAI,GAAG,KAAK,CAAgB,QAAQ,gDAAC,CAAC;IACtC,SAAS,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,cAAc,IAAI,CAAC,IAAI,EAAE,EAAE,qDAAC,CAAC;IACxD,OAAO,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,OAAO,mDAAC,CAAC;uGAJvC,kBAAkB;2FAAlB,kBAAkB,qZANnB,gBAAgB;;2FAMf,kBAAkB;kBAT9B,SAAS;+BACE,YAAY,YAEZ,gBAAgB,QACpB;wBACJ,SAAS,EAAE,aAAa;wBACxB,0BAA0B,EAAE,WAAW;qBACxC","sourcesContent":["//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport { Component, computed, input } from '@angular/core';\n\nexport type WattBadgeType =\n  | 'warning'\n  | 'success'\n  | 'danger'\n  | 'info'\n  | 'neutral'\n  | 'version'\n  | 'skeleton';\n\nexport type WattBadgeSize = 'normal' | 'large';\n\n/**\n * Usage:\n * `import { WattBadgeComponent } from '@energinet/watt/badge';`\n */\n@Component({\n  selector: 'watt-badge',\n  styleUrls: ['./watt-badge.component.scss'],\n  template: '<ng-content />',\n  host: {\n    '[class]': 'badgeType()',\n    '[class.watt-badge-large]': 'isLarge()',\n  },\n})\nexport class WattBadgeComponent {\n  type = input<WattBadgeType>('info');\n  size = input<WattBadgeSize>('normal');\n  badgeType = computed(() => `watt-badge-${this.type()}`);\n  isLarge = computed(() => this.size() === 'large');\n}\n"]}
+{"version":3,"file":"watt-badge.component.js","sourceRoot":"","sources":["../../../../libs/watt/package/badge/watt-badge.component.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;;AAa3D;;;GAGG;AAUH,MAAM,OAAO,kBAAkB;IAC7B,IAAI,GAAG,KAAK,CAAgB,MAAM,gDAAC,CAAC;IACpC,IAAI,GAAG,KAAK,CAAgB,QAAQ,gDAAC,CAAC;IACtC,SAAS,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,cAAc,IAAI,CAAC,IAAI,EAAE,EAAE,qDAAC,CAAC;IACxD,OAAO,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,OAAO,mDAAC,CAAC;wGAJvC,kBAAkB;4FAAlB,kBAAkB,qZANnB,gBAAgB;;4FAMf,kBAAkB;kBAT9B,SAAS;+BACE,YAAY,YAEZ,gBAAgB,QACpB;wBACJ,SAAS,EAAE,aAAa;wBACxB,0BAA0B,EAAE,WAAW;qBACxC","sourcesContent":["//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport { Component, computed, input } from '@angular/core';\n\nexport type WattBadgeType =\n  | 'warning'\n  | 'success'\n  | 'danger'\n  | 'info'\n  | 'neutral'\n  | 'version'\n  | 'skeleton';\n\nexport type WattBadgeSize = 'normal' | 'large';\n\n/**\n * Usage:\n * `import { WattBadgeComponent } from '@energinet/watt/badge';`\n */\n@Component({\n  selector: 'watt-badge',\n  styleUrls: ['./watt-badge.component.scss'],\n  template: '<ng-content />',\n  host: {\n    '[class]': 'badgeType()',\n    '[class.watt-badge-large]': 'isLarge()',\n  },\n})\nexport class WattBadgeComponent {\n  type = input<WattBadgeType>('info');\n  size = input<WattBadgeSize>('normal');\n  badgeType = computed(() => `watt-badge-${this.type()}`);\n  isLarge = computed(() => this.size() === 'large');\n}\n"]}

package/esm2022/breadcrumbs/watt-breadcrumbs.component.js

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

package/esm2022/breadcrumbs/watt-breadcrumbs.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"watt-breadcrumbs.component.js","sourceRoot":"","sources":["../../../../libs/watt/package/breadcrumbs/watt-breadcrumbs.component.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EACL,SAAS,EAET,iBAAiB,EACjB,eAAe,EACf,SAAS,GACV,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAC/B,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;;AAOzD,MAAM,OAAO,uBAAuB;IAClC,WAAW,GAAG,SAAS,CAAC,QAAQ,CAAuB,aAAa,CAAC,CAAC;IACtE,4DAA4D;IAC5D,aAAa,GAAG,IAAI,OAAO,EAAW,CAAC;IACvC,KAAK,GAAG,oBAAoB,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;uGAJtC,uBAAuB;2FAAvB,uBAAuB,oOAFxB,wDAAwD;;2FAEvD,uBAAuB;kBALnC,SAAS;mBAAC;oBACT,QAAQ,EAAE,iBAAiB;oBAC3B,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,QAAQ,EAAE,wDAAwD;iBACnE;yEAEwD,aAAa;AAMtE;;;GAGG;AAwBH,MAAM,OAAO,wBAAwB;IACnC;;OAEG;IACH,WAAW,GAAG,eAAe,CAA0B,uBAAuB,uDAAC,CAAC;uGAJrE,wBAAwB;2FAAxB,wBAAwB,wGAIoB,uBAAuB,6CAtBpE;;;;;;;;;;;;;;;;GAgBT,wnBAnBS,gBAAgB,oJAAE,iBAAiB;;2FAqBlC,wBAAwB;kBAvBpC,SAAS;oCACO,iBAAiB,CAAC,IAAI,WAC5B,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,YACpC,kBAAkB,YAElB;;;;;;;;;;;;;;;;GAgBT;mGAMsD,uBAAuB;AAGhF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,wBAAwB,EAAE,uBAAuB,CAAU,CAAC","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  TemplateRef,\n  ViewEncapsulation,\n  contentChildren,\n  viewChild,\n} from '@angular/core';\nimport { Subject } from 'rxjs';\nimport { outputFromObservable } from '@angular/core/rxjs-interop';\nimport { WattIconComponent } from '@energinet/watt/icon';\n\n@Component({\n  selector: 'watt-breadcrumb',\n  encapsulation: ViewEncapsulation.None,\n  template: `<ng-template #templateRef><ng-content /></ng-template>`,\n})\nexport class WattBreadcrumbComponent {\n  templateRef = viewChild.required<TemplateRef<unknown>>('templateRef');\n  // Used to determine if the breadcrumb is interactive or not\n  actionEmitter = new Subject<unknown>();\n  click = outputFromObservable(this.actionEmitter);\n}\n\n/**\n * Usage:\n * `import { WATT_BREADCRUMBS } from '@energinet/watt/breadcrumbs';`\n */\n@Component({\n  encapsulation: ViewEncapsulation.None,\n  imports: [NgTemplateOutlet, WattIconComponent],\n  selector: 'watt-breadcrumbs',\n  styleUrls: ['./watt-breadcrumbs.component.scss'],\n  template: `\n    <nav>\n      @for (breadcrumb of breadcrumbs(); track breadcrumb; let isLast = $last) {\n        <span\n          class=\"watt-breadcrumb\"\n          (click)=\"breadcrumb.actionEmitter.next($event)\"\n          [class.interactive]=\"breadcrumb.actionEmitter.observed\"\n          [attr.role]=\"breadcrumb.actionEmitter.observed ? 'link' : null\"\n        >\n          <ng-container *ngTemplateOutlet=\"breadcrumb.templateRef()\" />\n          @if (!isLast) {\n            <watt-icon name=\"right\" />\n          }\n        </span>\n      }\n    </nav>\n  `,\n})\nexport class WattBreadcrumbsComponent {\n  /**\n   * @ignore\n   */\n  breadcrumbs = contentChildren<WattBreadcrumbComponent>(WattBreadcrumbComponent);\n}\n\nexport const WATT_BREADCRUMBS = [WattBreadcrumbsComponent, WattBreadcrumbComponent] as const;\n"]}
+{"version":3,"file":"watt-breadcrumbs.component.js","sourceRoot":"","sources":["../../../../libs/watt/package/breadcrumbs/watt-breadcrumbs.component.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EACL,SAAS,EAET,iBAAiB,EACjB,eAAe,EACf,SAAS,GACV,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAC/B,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;;AAOzD,MAAM,OAAO,uBAAuB;IAClC,WAAW,GAAG,SAAS,CAAC,QAAQ,CAAuB,aAAa,CAAC,CAAC;IACtE,4DAA4D;IAC5D,aAAa,GAAG,IAAI,OAAO,EAAW,CAAC;IACvC,KAAK,GAAG,oBAAoB,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;wGAJtC,uBAAuB;4FAAvB,uBAAuB,oOAFxB,wDAAwD;;4FAEvD,uBAAuB;kBALnC,SAAS;mBAAC;oBACT,QAAQ,EAAE,iBAAiB;oBAC3B,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,QAAQ,EAAE,wDAAwD;iBACnE;yEAEwD,aAAa;AAMtE;;;GAGG;AAwBH,MAAM,OAAO,wBAAwB;IACnC;;OAEG;IACH,WAAW,GAAG,eAAe,CAA0B,uBAAuB,uDAAC,CAAC;wGAJrE,wBAAwB;4FAAxB,wBAAwB,wGAIoB,uBAAuB,6CAtBpE;;;;;;;;;;;;;;;;GAgBT,wnBAnBS,gBAAgB,oJAAE,iBAAiB;;4FAqBlC,wBAAwB;kBAvBpC,SAAS;oCACO,iBAAiB,CAAC,IAAI,WAC5B,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,YACpC,kBAAkB,YAElB;;;;;;;;;;;;;;;;GAgBT;mGAMsD,uBAAuB;AAGhF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,wBAAwB,EAAE,uBAAuB,CAAU,CAAC","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  TemplateRef,\n  ViewEncapsulation,\n  contentChildren,\n  viewChild,\n} from '@angular/core';\nimport { Subject } from 'rxjs';\nimport { outputFromObservable } from '@angular/core/rxjs-interop';\nimport { WattIconComponent } from '@energinet/watt/icon';\n\n@Component({\n  selector: 'watt-breadcrumb',\n  encapsulation: ViewEncapsulation.None,\n  template: `<ng-template #templateRef><ng-content /></ng-template>`,\n})\nexport class WattBreadcrumbComponent {\n  templateRef = viewChild.required<TemplateRef<unknown>>('templateRef');\n  // Used to determine if the breadcrumb is interactive or not\n  actionEmitter = new Subject<unknown>();\n  click = outputFromObservable(this.actionEmitter);\n}\n\n/**\n * Usage:\n * `import { WATT_BREADCRUMBS } from '@energinet/watt/breadcrumbs';`\n */\n@Component({\n  encapsulation: ViewEncapsulation.None,\n  imports: [NgTemplateOutlet, WattIconComponent],\n  selector: 'watt-breadcrumbs',\n  styleUrls: ['./watt-breadcrumbs.component.scss'],\n  template: `\n    <nav>\n      @for (breadcrumb of breadcrumbs(); track breadcrumb; let isLast = $last) {\n        <span\n          class=\"watt-breadcrumb\"\n          (click)=\"breadcrumb.actionEmitter.next($event)\"\n          [class.interactive]=\"breadcrumb.actionEmitter.observed\"\n          [attr.role]=\"breadcrumb.actionEmitter.observed ? 'link' : null\"\n        >\n          <ng-container *ngTemplateOutlet=\"breadcrumb.templateRef()\" />\n          @if (!isLast) {\n            <watt-icon name=\"right\" />\n          }\n        </span>\n      }\n    </nav>\n  `,\n})\nexport class WattBreadcrumbsComponent {\n  /**\n   * @ignore\n   */\n  breadcrumbs = contentChildren<WattBreadcrumbComponent>(WattBreadcrumbComponent);\n}\n\nexport const WATT_BREADCRUMBS = [WattBreadcrumbsComponent, WattBreadcrumbComponent] as const;\n"]}

package/esm2022/button/watt-button.component.js

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

package/esm2022/button/watt-button.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"watt-button.component.js","sourceRoot":"","sources":["../../../../libs/watt/package/button/watt-button.component.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EACL,KAAK,EACL,QAAQ,EACR,SAAS,EACT,iBAAiB,EACjB,uBAAuB,GACxB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAY,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;;;AAEnE,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,CAAU,CAAC;AAuC9F,MAAM,OAAO,mBAAmB;IAC9B,IAAI,GAAG,KAAK,0DAAY,CAAC;IACzB,OAAO,GAAG,KAAK,CAAoB,SAAS,mDAAC,CAAC;IAC9C,IAAI,GAAG,KAAK,CAAiB,QAAQ,gDAAC,CAAC;IACvC,IAAI,GAAG,KAAK,CAAiB,QAAQ,gDAAC,CAAC;IACvC,MAAM,GAAG,KAAK,CAAgB,IAAI,kDAAC,CAAC;IACpC,QAAQ,GAAG,KAAK,CAAC,KAAK,oDAAC,CAAC;IACxB,OAAO,GAAG,KAAK,CAAC,KAAK,mDAAC,CAAC;IAEvB,OAAO,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,gBAAgB,IAAI,CAAC,OAAO,EAAE,sBAAsB,IAAI,CAAC,IAAI,EAAE,EAAE,mDAAC,CAAC;IAE5F,0FAA0F;IAC1F,4DAA4D;IAC5D,kGAAkG;IAClG,iEAAiE;IACjE,aAAa,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,yDAAC,CAAC;IAEpE;;OAEG;IACH,OAAO,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,mDAAC,CAAC;uGApB7B,mBAAmB;2FAAnB,mBAAmB,kjCAvBpB;;;;;;;;;;;;;;;;;;;;;GAqBT,y/JAtBS,iBAAiB,kGAAE,oBAAoB,6FAAE,eAAe;;2FAwBvD,mBAAmB;kBAlC/B,SAAS;+BACE,aAAa,iBACR,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,QAEzC;wBACJ,SAAS,EAAE,WAAW;wBACtB,+BAA+B,EAAE,YAAY;wBAC7C,wBAAwB,EAAE,iBAAiB;qBAC5C,WACQ,CAAC,iBAAiB,EAAE,oBAAoB,EAAE,eAAe,CAAC,YACzD;;;;;;;;;;;;;;;;;;;;;GAqBT","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  input,\n  computed,\n  Component,\n  ViewEncapsulation,\n  ChangeDetectionStrategy,\n} from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { WattSpinnerComponent } from '@energinet/watt/spinner';\nimport { WattIcon, WattIconComponent } from '@energinet/watt/icon';\n\nexport const WattButtonTypes = ['primary', 'secondary', 'text', 'icon', 'selection'] as const;\nexport type WattButtonVariant = (typeof WattButtonTypes)[number];\nexport type WattButtonType = 'button' | 'reset' | 'submit';\nexport type WattButtonSize = 'small' | 'medium';\n\n@Component({\n  selector: 'watt-button',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  styleUrls: ['./watt-button.component.scss'],\n  host: {\n    '[class]': 'classes()',\n    '[class.watt-button--disabled]': 'disabled()',\n    '[style.pointer-events]': 'pointerEvents()',\n  },\n  imports: [WattIconComponent, WattSpinnerComponent, MatButtonModule],\n  template: `\n    <button\n      mat-button\n      [disableRipple]=\"true\"\n      [disabled]=\"disabled()\"\n      [type]=\"type()\"\n      [color]=\"variant()\"\n      [attr.form]=\"type() === 'submit' ? formId() : null\"\n    >\n      @if (loading()) {\n        <watt-spinner [diameter]=\"18\" />\n      }\n      <div [class.content-wrapper]=\"!loading()\" [class.content-wrapper--loading]=\"loading()\">\n        @if (hasIcon()) {\n          <watt-icon [name]=\"icon()\" />\n        }\n        @if (variant() !== 'icon') {\n          <ng-content />\n        }\n      </div>\n    </button>\n  `,\n})\nexport class WattButtonComponent {\n  icon = input<WattIcon>();\n  variant = input<WattButtonVariant>('primary');\n  size = input<WattButtonSize>('medium');\n  type = input<WattButtonType>('button');\n  formId = input<string | null>(null);\n  disabled = input(false);\n  loading = input(false);\n\n  classes = computed(() => `watt-button--${this.variant()} watt-button-size--${this.size()}`);\n\n  // Prevents emitting a click event in Chrome/Edge/Safari when a disabled button is clicked\n  // WebKit bug: https://bugs.webkit.org/show_bug.cgi?id=89041\n  // Note: This solution is preferred (in this particular case) over adding styling to the Scss file\n  // because the presence of inline styles can be tested with Jest.\n  pointerEvents = computed(() => (this.disabled() ? 'none' : 'auto'));\n\n  /**\n   * @ignore\n   */\n  hasIcon = computed(() => !!this.icon());\n}\n"]}
+{"version":3,"file":"watt-button.component.js","sourceRoot":"","sources":["../../../../libs/watt/package/button/watt-button.component.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EACL,KAAK,EACL,QAAQ,EACR,SAAS,EACT,iBAAiB,EACjB,uBAAuB,GACxB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAY,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;;;AAEnE,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,CAAU,CAAC;AAuC9F,MAAM,OAAO,mBAAmB;IAC9B,IAAI,GAAG,KAAK,0DAAY,CAAC;IACzB,OAAO,GAAG,KAAK,CAAoB,SAAS,mDAAC,CAAC;IAC9C,IAAI,GAAG,KAAK,CAAiB,QAAQ,gDAAC,CAAC;IACvC,IAAI,GAAG,KAAK,CAAiB,QAAQ,gDAAC,CAAC;IACvC,MAAM,GAAG,KAAK,CAAgB,IAAI,kDAAC,CAAC;IACpC,QAAQ,GAAG,KAAK,CAAC,KAAK,oDAAC,CAAC;IACxB,OAAO,GAAG,KAAK,CAAC,KAAK,mDAAC,CAAC;IAEvB,OAAO,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,gBAAgB,IAAI,CAAC,OAAO,EAAE,sBAAsB,IAAI,CAAC,IAAI,EAAE,EAAE,mDAAC,CAAC;IAE5F,0FAA0F;IAC1F,4DAA4D;IAC5D,kGAAkG;IAClG,iEAAiE;IACjE,aAAa,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,yDAAC,CAAC;IAEpE;;OAEG;IACH,OAAO,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,mDAAC,CAAC;wGApB7B,mBAAmB;4FAAnB,mBAAmB,kjCAvBpB;;;;;;;;;;;;;;;;;;;;;GAqBT,y/JAtBS,iBAAiB,kGAAE,oBAAoB,6FAAE,eAAe;;4FAwBvD,mBAAmB;kBAlC/B,SAAS;+BACE,aAAa,iBACR,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,QAEzC;wBACJ,SAAS,EAAE,WAAW;wBACtB,+BAA+B,EAAE,YAAY;wBAC7C,wBAAwB,EAAE,iBAAiB;qBAC5C,WACQ,CAAC,iBAAiB,EAAE,oBAAoB,EAAE,eAAe,CAAC,YACzD;;;;;;;;;;;;;;;;;;;;;GAqBT","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  input,\n  computed,\n  Component,\n  ViewEncapsulation,\n  ChangeDetectionStrategy,\n} from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { WattSpinnerComponent } from '@energinet/watt/spinner';\nimport { WattIcon, WattIconComponent } from '@energinet/watt/icon';\n\nexport const WattButtonTypes = ['primary', 'secondary', 'text', 'icon', 'selection'] as const;\nexport type WattButtonVariant = (typeof WattButtonTypes)[number];\nexport type WattButtonType = 'button' | 'reset' | 'submit';\nexport type WattButtonSize = 'small' | 'medium';\n\n@Component({\n  selector: 'watt-button',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  styleUrls: ['./watt-button.component.scss'],\n  host: {\n    '[class]': 'classes()',\n    '[class.watt-button--disabled]': 'disabled()',\n    '[style.pointer-events]': 'pointerEvents()',\n  },\n  imports: [WattIconComponent, WattSpinnerComponent, MatButtonModule],\n  template: `\n    <button\n      mat-button\n      [disableRipple]=\"true\"\n      [disabled]=\"disabled()\"\n      [type]=\"type()\"\n      [color]=\"variant()\"\n      [attr.form]=\"type() === 'submit' ? formId() : null\"\n    >\n      @if (loading()) {\n        <watt-spinner [diameter]=\"18\" />\n      }\n      <div [class.content-wrapper]=\"!loading()\" [class.content-wrapper--loading]=\"loading()\">\n        @if (hasIcon()) {\n          <watt-icon [name]=\"icon()\" />\n        }\n        @if (variant() !== 'icon') {\n          <ng-content />\n        }\n      </div>\n    </button>\n  `,\n})\nexport class WattButtonComponent {\n  icon = input<WattIcon>();\n  variant = input<WattButtonVariant>('primary');\n  size = input<WattButtonSize>('medium');\n  type = input<WattButtonType>('button');\n  formId = input<string | null>(null);\n  disabled = input(false);\n  loading = input(false);\n\n  classes = computed(() => `watt-button--${this.variant()} watt-button-size--${this.size()}`);\n\n  // Prevents emitting a click event in Chrome/Edge/Safari when a disabled button is clicked\n  // WebKit bug: https://bugs.webkit.org/show_bug.cgi?id=89041\n  // Note: This solution is preferred (in this particular case) over adding styling to the Scss file\n  // because the presence of inline styles can be tested with Jest.\n  pointerEvents = computed(() => (this.disabled() ? 'none' : 'auto'));\n\n  /**\n   * @ignore\n   */\n  hasIcon = computed(() => !!this.icon());\n}\n"]}

package/esm2022/card/watt-card-title.component.js

@@ -21,10 +21,10 @@ import * as i0 from "@angular/core";
 const selector = 'watt-card-title';
 export class WattCardTitleComponent {
     cssClass = () => 'watt-card__title watt-space-stack-m';
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattCardTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: WattCardTitleComponent, isStandalone: true, selector: "watt-card-title", host: { properties: { "class": "cssClass()" } }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["watt-card-title{display:block}watt-card-title h4,watt-card-title h3{color:var(--watt-typography-text-color);margin:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattCardTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: WattCardTitleComponent, isStandalone: true, selector: "watt-card-title", host: { properties: { "class": "cssClass()" } }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["watt-card-title{display:block}watt-card-title h4,watt-card-title h3{color:var(--watt-typography-text-color);margin:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattCardTitleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattCardTitleComponent, decorators: [{
             type: Component,
             args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: selector, template: `<ng-content />`, encapsulation: ViewEncapsulation.None, host: {
                         '[class]': 'cssClass()',

package/esm2022/card/watt-card-title.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"watt-card-title.component.js","sourceRoot":"","sources":["../../../../libs/watt/package/card/watt-card-title.component.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;;AAEtF,MAAM,QAAQ,GAAG,iBAAiB,CAAC;AAuBnC,MAAM,OAAO,sBAAsB;IACjC,QAAQ,GAAG,GAAG,EAAE,CAAC,qCAAqC,CAAC;uGAD5C,sBAAsB;2FAAtB,sBAAsB,4HANvB,gBAAgB;;2FAMf,sBAAsB;kBArBlC,SAAS;sCACS,uBAAuB,CAAC,MAAM,YAC/C,QAAQ,YAaE,gBAAgB,iBACX,iBAAiB,CAAC,IAAI,QAC/B;wBACJ,SAAS,EAAE,YAAY;qBACxB","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 { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\nconst selector = 'watt-card-title';\n\n@Component({\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  selector,\n  styles: [\n    `\n      ${selector} {\n        display: block;\n      }\n\n      ${selector} h4, ${selector} h3 {\n        color: var(--watt-typography-text-color);\n        margin: 0;\n      }\n    `,\n  ],\n  template: `<ng-content />`,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    '[class]': 'cssClass()',\n  },\n})\nexport class WattCardTitleComponent {\n  cssClass = () => 'watt-card__title watt-space-stack-m';\n}\n"]}
+{"version":3,"file":"watt-card-title.component.js","sourceRoot":"","sources":["../../../../libs/watt/package/card/watt-card-title.component.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;;AAEtF,MAAM,QAAQ,GAAG,iBAAiB,CAAC;AAuBnC,MAAM,OAAO,sBAAsB;IACjC,QAAQ,GAAG,GAAG,EAAE,CAAC,qCAAqC,CAAC;wGAD5C,sBAAsB;4FAAtB,sBAAsB,4HANvB,gBAAgB;;4FAMf,sBAAsB;kBArBlC,SAAS;sCACS,uBAAuB,CAAC,MAAM,YAC/C,QAAQ,YAaE,gBAAgB,iBACX,iBAAiB,CAAC,IAAI,QAC/B;wBACJ,SAAS,EAAE,YAAY;qBACxB","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 { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\nconst selector = 'watt-card-title';\n\n@Component({\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  selector,\n  styles: [\n    `\n      ${selector} {\n        display: block;\n      }\n\n      ${selector} h4, ${selector} h3 {\n        color: var(--watt-typography-text-color);\n        margin: 0;\n      }\n    `,\n  ],\n  template: `<ng-content />`,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    '[class]': 'cssClass()',\n  },\n})\nexport class WattCardTitleComponent {\n  cssClass = () => 'watt-card__title watt-space-stack-m';\n}\n"]}

package/esm2022/card/watt-card.component.js

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

package/esm2022/card/watt-card.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"watt-card.component.js","sourceRoot":"","sources":["../../../../libs/watt/package/card/watt-card.component.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAEpF,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;;AAE/D;;;GAGG;AAqDH,MAAM,OAAO,iBAAiB;IAC5B,OAAO,GAAG,KAAK,CAAoB,OAAO,mDAAC,CAAC;IAC5C,OAAO,GAAG,KAAK,CAAU,KAAK,mDAAC,CAAC;IAChC,WAAW,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,kBAAkB,IAAI,CAAC,OAAO,EAAE,EAAE,uDAAC,CAAC;uGAHtD,iBAAiB;2FAAjB,iBAAiB,iYAhBlB;;;;;;;;;;GAUT,2hBACS,oBAAoB;;2FAKnB,iBAAiB;kBApD7B,SAAS;sCACS,uBAAuB,CAAC,MAAM,YACrC,WAAW,YAkCX;;;;;;;;;;GAUT,WACQ,CAAC,oBAAoB,CAAC,QACzB;wBACJ,SAAS,EAAE,eAAe;qBAC3B;;AASH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,iBAAiB,EAAE,sBAAsB,CAAC,CAAC","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 { input, computed, Component, ChangeDetectionStrategy } from '@angular/core';\n\nimport { WattCardTitleComponent } from './watt-card-title.component';\nimport { WattSpinnerComponent } from '@energinet/watt/spinner';\n\n/**\n * Usage:\n * `import { WattCardComponent } from '@energinet/watt/card';`\n */\n@Component({\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  selector: 'watt-card',\n  styles: [\n    `\n      :host {\n        border-radius: var(--watt-radius-m);\n        display: block;\n        padding: var(--watt-space-m); /* 24px */\n        background: var(--bg-card);\n      }\n\n      :host.watt-solid {\n        border: 1px solid var(--watt-color-neutral-grey-300);\n      }\n\n      :host.watt-fill {\n        border: 1px solid var(--watt-color-neutral-grey-100);\n        background: var(--watt-color-neutral-grey-100);\n      }\n\n      .watt-card__spinner {\n        z-index: 1;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        background-color: var(--watt-color-neutral-white);\n        opacity: 0.5;\n      }\n    `,\n  ],\n  template: `\n    <ng-content select=\"watt-card-title\" />\n\n    <ng-content />\n\n    @if (loading()) {\n      <div class=\"watt-card__spinner\">\n        <watt-spinner />\n      </div>\n    }\n  `,\n  imports: [WattSpinnerComponent],\n  host: {\n    '[class]': 'cardVariant()',\n  },\n})\nexport class WattCardComponent {\n  variant = input<WATT_CARD_VARIANT>('solid');\n  loading = input<boolean>(false);\n  cardVariant = computed(() => `watt-card watt-${this.variant()}`);\n}\n\nexport type WATT_CARD_VARIANT = 'solid' | 'elevation' | 'fill';\nexport const WATT_CARD = [WattCardComponent, WattCardTitleComponent];\n"]}
+{"version":3,"file":"watt-card.component.js","sourceRoot":"","sources":["../../../../libs/watt/package/card/watt-card.component.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAEpF,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;;AAE/D;;;GAGG;AAqDH,MAAM,OAAO,iBAAiB;IAC5B,OAAO,GAAG,KAAK,CAAoB,OAAO,mDAAC,CAAC;IAC5C,OAAO,GAAG,KAAK,CAAU,KAAK,mDAAC,CAAC;IAChC,WAAW,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,kBAAkB,IAAI,CAAC,OAAO,EAAE,EAAE,uDAAC,CAAC;wGAHtD,iBAAiB;4FAAjB,iBAAiB,iYAhBlB;;;;;;;;;;GAUT,2hBACS,oBAAoB;;4FAKnB,iBAAiB;kBApD7B,SAAS;sCACS,uBAAuB,CAAC,MAAM,YACrC,WAAW,YAkCX;;;;;;;;;;GAUT,WACQ,CAAC,oBAAoB,CAAC,QACzB;wBACJ,SAAS,EAAE,eAAe;qBAC3B;;AASH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,iBAAiB,EAAE,sBAAsB,CAAC,CAAC","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 { input, computed, Component, ChangeDetectionStrategy } from '@angular/core';\n\nimport { WattCardTitleComponent } from './watt-card-title.component';\nimport { WattSpinnerComponent } from '@energinet/watt/spinner';\n\n/**\n * Usage:\n * `import { WattCardComponent } from '@energinet/watt/card';`\n */\n@Component({\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  selector: 'watt-card',\n  styles: [\n    `\n      :host {\n        border-radius: var(--watt-radius-m);\n        display: block;\n        padding: var(--watt-space-m); /* 24px */\n        background: var(--bg-card);\n      }\n\n      :host.watt-solid {\n        border: 1px solid var(--watt-color-neutral-grey-300);\n      }\n\n      :host.watt-fill {\n        border: 1px solid var(--watt-color-neutral-grey-100);\n        background: var(--watt-color-neutral-grey-100);\n      }\n\n      .watt-card__spinner {\n        z-index: 1;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        background-color: var(--watt-color-neutral-white);\n        opacity: 0.5;\n      }\n    `,\n  ],\n  template: `\n    <ng-content select=\"watt-card-title\" />\n\n    <ng-content />\n\n    @if (loading()) {\n      <div class=\"watt-card__spinner\">\n        <watt-spinner />\n      </div>\n    }\n  `,\n  imports: [WattSpinnerComponent],\n  host: {\n    '[class]': 'cardVariant()',\n  },\n})\nexport class WattCardComponent {\n  variant = input<WATT_CARD_VARIANT>('solid');\n  loading = input<boolean>(false);\n  cardVariant = computed(() => `watt-card watt-${this.variant()}`);\n}\n\nexport type WATT_CARD_VARIANT = 'solid' | 'elevation' | 'fill';\nexport const WATT_CARD = [WattCardComponent, WattCardTitleComponent];\n"]}

package/esm2022/checkbox/watt-checkbox.component.js

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

package/esm2022/checkbox/watt-checkbox.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"watt-checkbox.component.js","sourceRoot":"","sources":["../../../../libs/watt/package/checkbox/watt-checkbox.component.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EACL,KAAK,EACL,MAAM,EACN,MAAM,EACN,SAAS,EACT,UAAU,EACV,UAAU,EACV,iBAAiB,GAClB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAwB,iBAAiB,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;;;AAgCtF,MAAM,OAAO,qBAAqB;IACxB,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IAErC,OAAO,GAAmB,IAAI,CAAC;IAE/B,UAAU,GAAG,MAAM,CAAC,KAAK,sDAAC,CAAC;IAC3B,aAAa,GAAG,MAAM,CAAC,KAAK,yDAAC,CAAC;IAC9B,QAAQ,GAAG,KAAK,CAAC,KAAK,oDAAC,CAAC;IAExB,QAAQ,GAA6B,GAAG,EAAE;QACxC,EAAE;IACJ,CAAC,CAAC;IAEF,gBAAgB,CAAC,EAA4B;QAC3C,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;IACrB,CAAC;IAED,iBAAiB,CAAC,EAA4B;QAC5C,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,gBAAgB,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;IAC9D,CAAC;IAED,UAAU,CAAC,OAAuB;QAChC,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;QACxD,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;IACzB,CAAC;IAED,aAAa,CAAC,CAAU;QACtB,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QAC9B,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC;QACjB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACnB,CAAC;IAED,gBAAgB,CAAC,UAAmB;QAClC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;IAClC,CAAC;uGAlCU,qBAAqB;2FAArB,qBAAqB,6UA1BrB;YACT;gBACE,OAAO,EAAE,iBAAiB;gBAC1B,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC;gBACpD,KAAK,EAAE,IAAI;aACZ;SACF,0BAMS;;;;;;;;;;;;GAYT,2oGAbS,WAAW;;2FAeV,qBAAqB;kBA9BjC,SAAS;+BACE,eAAe,iBACV,iBAAiB,CAAC,IAAI,aAE1B;wBACT;4BACE,OAAO,EAAE,iBAAiB;4BAC1B,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,sBAAsB,CAAC;4BACpD,KAAK,EAAE,IAAI;yBACZ;qBACF,QACK;wBACJ,iCAAiC,EAAE,cAAc;wBACjD,sCAAsC,EAAE,iBAAiB;qBAC1D,WACQ,CAAC,WAAW,CAAC,YACZ;;;;;;;;;;;;GAYT","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  input,\n  signal,\n  inject,\n  Component,\n  ElementRef,\n  forwardRef,\n  ViewEncapsulation,\n} from '@angular/core';\n\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';\n\n@Component({\n  selector: 'watt-checkbox',\n  encapsulation: ViewEncapsulation.None,\n  styleUrls: ['./watt-checkbox.component.scss'],\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => WattCheckboxComponent),\n      multi: true,\n    },\n  ],\n  host: {\n    '[class.watt-checkbox--disabled]': 'isdisabled()',\n    '[class.watt-checkbox--indeterminate]': 'indeterminate()',\n  },\n  imports: [FormsModule],\n  template: `\n    <label class=\"watt-text-s\">\n      <input\n        [ngModel]=\"checked\"\n        [disabled]=\"isdisabled()\"\n        [indeterminate]=\"indeterminate()\"\n        [required]=\"required()\"\n        (ngModelChange)=\"onModelChange($event)\"\n        type=\"checkbox\"\n      />\n      <ng-content />\n    </label>\n  `,\n})\nexport class WattCheckboxComponent implements ControlValueAccessor {\n  private element = inject(ElementRef);\n\n  checked: boolean | null = null;\n\n  isdisabled = signal(false);\n  indeterminate = signal(false);\n  required = input(false);\n\n  onChange: (value: boolean) => void = () => {\n    //\n  };\n\n  registerOnChange(fn: (value: boolean) => void): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: (value: boolean) => void): void {\n    this.element.nativeElement.addEventListener('focusout', fn);\n  }\n\n  writeValue(checked: boolean | null) {\n    this.indeterminate.set(checked === null ? true : false);\n    this.checked = checked;\n  }\n\n  onModelChange(e: boolean) {\n    this.indeterminate.set(false);\n    this.checked = e;\n    this.onChange(e);\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.isdisabled.set(isDisabled);\n  }\n}\n"]}
+{"version":3,"file":"watt-checkbox.component.js","sourceRoot":"","sources":["../../../../libs/watt/package/checkbox/watt-checkbox.component.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EACL,KAAK,EACL,MAAM,EACN,MAAM,EACN,SAAS,EACT,UAAU,EACV,UAAU,EACV,iBAAiB,GAClB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAwB,iBAAiB,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;;;AAgCtF,MAAM,OAAO,qBAAqB;IACxB,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IAErC,OAAO,GAAmB,IAAI,CAAC;IAE/B,UAAU,GAAG,MAAM,CAAC,KAAK,sDAAC,CAAC;IAC3B,aAAa,GAAG,MAAM,CAAC,KAAK,yDAAC,CAAC;IAC9B,QAAQ,GAAG,KAAK,CAAC,KAAK,oDAAC,CAAC;IAExB,QAAQ,GAA6B,GAAG,EAAE;QACxC,EAAE;IACJ,CAAC,CAAC;IAEF,gBAAgB,CAAC,EAA4B;QAC3C,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;IACrB,CAAC;IAED,iBAAiB,CAAC,EAA4B;QAC5C,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,gBAAgB,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;IAC9D,CAAC;IAED,UAAU,CAAC,OAAuB;QAChC,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;QACxD,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;IACzB,CAAC;IAED,aAAa,CAAC,CAAU;QACtB,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QAC9B,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC;QACjB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACnB,CAAC;IAED,gBAAgB,CAAC,UAAmB;QAClC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;IAClC,CAAC;wGAlCU,qBAAqB;4FAArB,qBAAqB,6UA1BrB;YACT;gBACE,OAAO,EAAE,iBAAiB;gBAC1B,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC;gBACpD,KAAK,EAAE,IAAI;aACZ;SACF,0BAMS;;;;;;;;;;;;GAYT,2oGAbS,WAAW;;4FAeV,qBAAqB;kBA9BjC,SAAS;+BACE,eAAe,iBACV,iBAAiB,CAAC,IAAI,aAE1B;wBACT;4BACE,OAAO,EAAE,iBAAiB;4BAC1B,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,sBAAsB,CAAC;4BACpD,KAAK,EAAE,IAAI;yBACZ;qBACF,QACK;wBACJ,iCAAiC,EAAE,cAAc;wBACjD,sCAAsC,EAAE,iBAAiB;qBAC1D,WACQ,CAAC,WAAW,CAAC,YACZ;;;;;;;;;;;;GAYT","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  input,\n  signal,\n  inject,\n  Component,\n  ElementRef,\n  forwardRef,\n  ViewEncapsulation,\n} from '@angular/core';\n\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';\n\n@Component({\n  selector: 'watt-checkbox',\n  encapsulation: ViewEncapsulation.None,\n  styleUrls: ['./watt-checkbox.component.scss'],\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => WattCheckboxComponent),\n      multi: true,\n    },\n  ],\n  host: {\n    '[class.watt-checkbox--disabled]': 'isdisabled()',\n    '[class.watt-checkbox--indeterminate]': 'indeterminate()',\n  },\n  imports: [FormsModule],\n  template: `\n    <label class=\"watt-text-s\">\n      <input\n        [ngModel]=\"checked\"\n        [disabled]=\"isdisabled()\"\n        [indeterminate]=\"indeterminate()\"\n        [required]=\"required()\"\n        (ngModelChange)=\"onModelChange($event)\"\n        type=\"checkbox\"\n      />\n      <ng-content />\n    </label>\n  `,\n})\nexport class WattCheckboxComponent implements ControlValueAccessor {\n  private element = inject(ElementRef);\n\n  checked: boolean | null = null;\n\n  isdisabled = signal(false);\n  indeterminate = signal(false);\n  required = input(false);\n\n  onChange: (value: boolean) => void = () => {\n    //\n  };\n\n  registerOnChange(fn: (value: boolean) => void): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: (value: boolean) => void): void {\n    this.element.nativeElement.addEventListener('focusout', fn);\n  }\n\n  writeValue(checked: boolean | null) {\n    this.indeterminate.set(checked === null ? true : false);\n    this.checked = checked;\n  }\n\n  onModelChange(e: boolean) {\n    this.indeterminate.set(false);\n    this.checked = e;\n    this.onChange(e);\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.isdisabled.set(isDisabled);\n  }\n}\n"]}

package/esm2022/chip/watt-action-chip.component.js

@@ -24,8 +24,8 @@ export class WattActionChipComponent {
     disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
     icon = input.required(...(ngDevMode ? [{ debugName: "icon" }] : []));
     action = output();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattActionChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.6", type: WattActionChipComponent, isStandalone: true, selector: "watt-action-chip", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { action: "action" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattActionChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.15", type: WattActionChipComponent, isStandalone: true, selector: "watt-action-chip", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { action: "action" }, ngImport: i0, template: `
     <watt-chip [disabled]="disabled()">
       <button
         type="button"
@@ -44,7 +44,7 @@ export class WattActionChipComponent {
     </watt-chip>
   `, isInline: true, styles: [":host{display:block}.disabled{color:var(--watt-on-light-low-emphasis)}\n"], dependencies: [{ kind: "component", type: WattChipComponent, selector: "watt-chip", inputs: ["selected", "disabled", "readonly"] }, { kind: "component", type: WattIconComponent, selector: "watt-icon", inputs: ["name", "label", "size", "state"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattActionChipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattActionChipComponent, decorators: [{
             type: Component,
             args: [{ imports: [WattChipComponent, WattIconComponent], selector: 'watt-action-chip', template: `
     <watt-chip [disabled]="disabled()">

package/esm2022/chip/watt-action-chip.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"watt-action-chip.component.js","sourceRoot":"","sources":["../../../../libs/watt/package/chip/watt-action-chip.component.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEzD,OAAO,EAAY,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;;AAmC1D,MAAM,OAAO,uBAAuB;IAClC,QAAQ,GAAG,KAAK,CAAC,KAAK,oDAAC,CAAC;IACxB,IAAI,GAAG,KAAK,CAAC,QAAQ,+CAAY,CAAC;IAClC,MAAM,GAAG,MAAM,EAAQ,CAAC;uGAHb,uBAAuB;2FAAvB,uBAAuB,4WAnBxB;;;;;;;;;;;;;;;;;GAiBT,kJA9BS,iBAAiB,oGAAE,iBAAiB;;2FAgCnC,uBAAuB;kBAjCnC,SAAS;8BACC,CAAC,iBAAiB,EAAE,iBAAiB,CAAC,YACrC,kBAAkB,YAYlB;;;;;;;;;;;;;;;;;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, input, output } from '@angular/core';\n\nimport { WattIcon, WattIconComponent } from '@energinet/watt/icon';\nimport { WattChipComponent } from './watt-chip.component';\n\n@Component({\n  imports: [WattChipComponent, WattIconComponent],\n  selector: 'watt-action-chip',\n  styles: [\n    `\n      :host {\n        display: block;\n      }\n\n      .disabled {\n        color: var(--watt-on-light-low-emphasis);\n      }\n    `,\n  ],\n  template: `\n    <watt-chip [disabled]=\"disabled()\">\n      <button\n        type=\"button\"\n        class=\"cdk-visually-hidden\"\n        (click)=\"$event.stopImmediatePropagation(); action.emit()\"\n        [disabled]=\"disabled()\"\n      ></button>\n      <ng-content />\n      <watt-icon\n        size=\"s\"\n        [name]=\"icon()\"\n        class=\"menu-icon\"\n        [attr.aria-hidden]=\"true\"\n        [class.disabled]=\"disabled()\"\n      />\n    </watt-chip>\n  `,\n})\nexport class WattActionChipComponent {\n  disabled = input(false);\n  icon = input.required<WattIcon>();\n  action = output<void>();\n}\n"]}
+{"version":3,"file":"watt-action-chip.component.js","sourceRoot":"","sources":["../../../../libs/watt/package/chip/watt-action-chip.component.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEzD,OAAO,EAAY,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;;AAmC1D,MAAM,OAAO,uBAAuB;IAClC,QAAQ,GAAG,KAAK,CAAC,KAAK,oDAAC,CAAC;IACxB,IAAI,GAAG,KAAK,CAAC,QAAQ,+CAAY,CAAC;IAClC,MAAM,GAAG,MAAM,EAAQ,CAAC;wGAHb,uBAAuB;4FAAvB,uBAAuB,4WAnBxB;;;;;;;;;;;;;;;;;GAiBT,kJA9BS,iBAAiB,oGAAE,iBAAiB;;4FAgCnC,uBAAuB;kBAjCnC,SAAS;8BACC,CAAC,iBAAiB,EAAE,iBAAiB,CAAC,YACrC,kBAAkB,YAYlB;;;;;;;;;;;;;;;;;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, input, output } from '@angular/core';\n\nimport { WattIcon, WattIconComponent } from '@energinet/watt/icon';\nimport { WattChipComponent } from './watt-chip.component';\n\n@Component({\n  imports: [WattChipComponent, WattIconComponent],\n  selector: 'watt-action-chip',\n  styles: [\n    `\n      :host {\n        display: block;\n      }\n\n      .disabled {\n        color: var(--watt-on-light-low-emphasis);\n      }\n    `,\n  ],\n  template: `\n    <watt-chip [disabled]=\"disabled()\">\n      <button\n        type=\"button\"\n        class=\"cdk-visually-hidden\"\n        (click)=\"$event.stopImmediatePropagation(); action.emit()\"\n        [disabled]=\"disabled()\"\n      ></button>\n      <ng-content />\n      <watt-icon\n        size=\"s\"\n        [name]=\"icon()\"\n        class=\"menu-icon\"\n        [attr.aria-hidden]=\"true\"\n        [class.disabled]=\"disabled()\"\n      />\n    </watt-chip>\n  `,\n})\nexport class WattActionChipComponent {\n  disabled = input(false);\n  icon = input.required<WattIcon>();\n  action = output<void>();\n}\n"]}

package/esm2022/chip/watt-chip.component.js

@@ -23,8 +23,8 @@ export class WattChipComponent {
     selected = input(false, ...(ngDevMode ? [{ debugName: "selected" }] : []));
     disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
     readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.6", type: WattChipComponent, isStandalone: true, selector: "watt-chip", inputs: { selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: WattChipComponent, isStandalone: true, selector: "watt-chip", inputs: { selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
     <label
       [class.selected]="selected()"
       [class.disabled]="disabled()"
@@ -37,7 +37,7 @@ export class WattChipComponent {
     </label>
   `, isInline: true, styles: ["label{font-size:.875rem;line-height:1.25rem;font-weight:400;text-transform:none;letter-spacing:0;position:relative;background:var(--input-background, var(--watt-color-neutral-white));border-radius:var(--watt-space-m);border:1px solid var(--input-border-color, var(--watt-on-light-low-emphasis));color:var(--watt-on-light-high-emphasis);cursor:pointer;display:inline-flex;align-items:center;padding:5px 12px;-webkit-user-select:none;user-select:none;white-space:nowrap;max-width:100%}label:hover{border:1px solid var(--watt-on-light-medium-emphasis)}label:active:not(.disabled,.read-only),label:focus-within{background:var(--watt-color-primary-ultralight);border:1px solid var(--watt-on-light-medium-emphasis);outline:none}label.selected{background:var(--watt-color-primary);color:var(--watt-on-dark-high-emphasis);border-color:transparent}label.selected:hover,label.selected:focus-within{background:var(--watt-color-primary-dark);border-color:transparent}label.disabled{border:1px solid var(--watt-on-light-surface-overlay);color:var(--watt-on-light-low-emphasis);cursor:not-allowed}label.read-only{cursor:inherit;border:1px solid var(--watt-on-light-surface-overlay)}label.read-only:hover,label.read-only:focus-within{background:transparent}label .selected-icon{margin-right:var(--watt-space-s)}\n"], dependencies: [{ kind: "component", type: WattIconComponent, selector: "watt-icon", inputs: ["name", "label", "size", "state"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattChipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattChipComponent, decorators: [{
             type: Component,
             args: [{ imports: [WattIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, selector: 'watt-chip', template: `
     <label

package/esm2022/chip/watt-chip.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"watt-chip.component.js","sourceRoot":"","sources":["../../../../libs/watt/package/chip/watt-chip.component.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAE1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;;AAoBzD,MAAM,OAAO,iBAAiB;IAC5B,QAAQ,GAAG,KAAK,CAAC,KAAK,oDAAC,CAAC;IACxB,QAAQ,GAAG,KAAK,CAAC,KAAK,oDAAC,CAAC;IACxB,QAAQ,GAAG,KAAK,CAAC,KAAK,oDAAC,CAAC;uGAHb,iBAAiB;2FAAjB,iBAAiB,odAblB;;;;;;;;;;;GAWT,41CAfS,iBAAiB;;2FAiBhB,iBAAiB;kBAlB7B,SAAS;8BACC,CAAC,iBAAiB,CAAC,mBACX,uBAAuB,CAAC,MAAM,YACrC,WAAW,YAEX;;;;;;;;;;;GAWT","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 { ChangeDetectionStrategy, Component, input } from '@angular/core';\n\nimport { WattIconComponent } from '@energinet/watt/icon';\n\n@Component({\n  imports: [WattIconComponent],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  selector: 'watt-chip',\n  styleUrls: ['./watt-chip.component.scss'],\n  template: `\n    <label\n      [class.selected]=\"selected()\"\n      [class.disabled]=\"disabled()\"\n      [class.read-only]=\"readonly()\"\n    >\n      @if (selected()) {\n        <watt-icon class=\"selected-icon\" name=\"checkmark\" size=\"s\" [attr.aria-hidden]=\"true\" />\n      }\n      <ng-content />\n    </label>\n  `,\n})\nexport class WattChipComponent {\n  selected = input(false);\n  disabled = input(false);\n  readonly = input(false);\n}\n"]}
+{"version":3,"file":"watt-chip.component.js","sourceRoot":"","sources":["../../../../libs/watt/package/chip/watt-chip.component.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAE1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;;AAoBzD,MAAM,OAAO,iBAAiB;IAC5B,QAAQ,GAAG,KAAK,CAAC,KAAK,oDAAC,CAAC;IACxB,QAAQ,GAAG,KAAK,CAAC,KAAK,oDAAC,CAAC;IACxB,QAAQ,GAAG,KAAK,CAAC,KAAK,oDAAC,CAAC;wGAHb,iBAAiB;4FAAjB,iBAAiB,odAblB;;;;;;;;;;;GAWT,41CAfS,iBAAiB;;4FAiBhB,iBAAiB;kBAlB7B,SAAS;8BACC,CAAC,iBAAiB,CAAC,mBACX,uBAAuB,CAAC,MAAM,YACrC,WAAW,YAEX;;;;;;;;;;;GAWT","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 { ChangeDetectionStrategy, Component, input } from '@angular/core';\n\nimport { WattIconComponent } from '@energinet/watt/icon';\n\n@Component({\n  imports: [WattIconComponent],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  selector: 'watt-chip',\n  styleUrls: ['./watt-chip.component.scss'],\n  template: `\n    <label\n      [class.selected]=\"selected()\"\n      [class.disabled]=\"disabled()\"\n      [class.read-only]=\"readonly()\"\n    >\n      @if (selected()) {\n        <watt-icon class=\"selected-icon\" name=\"checkmark\" size=\"s\" [attr.aria-hidden]=\"true\" />\n      }\n      <ng-content />\n    </label>\n  `,\n})\nexport class WattChipComponent {\n  selected = input(false);\n  disabled = input(false);\n  readonly = input(false);\n}\n"]}

package/esm2022/chip/watt-chip.directive.js

@@ -59,8 +59,8 @@ export class WattFormChipDirective {
             this.component.disabled.set(disabled);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattFormChipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.6", type: WattFormChipDirective, isStandalone: true, selector: "\n    watt-filter-chip[formControl],\n    watt-date-chip[formControl],\n    watt-date-range-chip[formControl],\n    watt-filter-chip[formControlName],\n    watt-date-chip[formControlName],\n    watt-date-range-chip[formControlName],\n  ", providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattFormChipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: WattFormChipDirective, isStandalone: true, selector: "\n    watt-filter-chip[formControl],\n    watt-date-chip[formControl],\n    watt-date-range-chip[formControl],\n    watt-filter-chip[formControlName],\n    watt-date-chip[formControlName],\n    watt-date-range-chip[formControlName],\n  ", providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => WattFormChipDirective),
@@ -68,7 +68,7 @@ export class WattFormChipDirective {
             },
         ], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattFormChipDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattFormChipDirective, decorators: [{
             type: Directive,
             args: [{
                     providers: [

package/esm2022/chip/watt-chip.directive.js.map

@@ -1 +1 @@
-{"version":3,"file":"watt-chip.directive.js","sourceRoot":"","sources":["../../../../libs/watt/package/chip/watt-chip.directive.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EACL,MAAM,EACN,SAAS,EACT,UAAU,EACV,UAAU,GAGX,MAAM,eAAe,CAAC;AACvB,OAAO,EAAwB,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEzE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,0BAA0B,EAAE,MAAM,kCAAkC,CAAC;;AA2B9E,MAAM,OAAO,qBAAqB;IACxB,UAAU,GAAG,MAAM,CAAC,uBAAuB,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;IACzF,QAAQ,GAAG,MAAM,CAAC,qBAAqB,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;IACrF,aAAa,GAAG,MAAM,CAAC,0BAA0B,EAAE;QACzD,IAAI,EAAE,IAAI;QACV,QAAQ,EAAE,IAAI;QACd,IAAI,EAAE,IAAI;KACX,CAAC,CAAC;IAEK,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IAC7B,SAAS,CAAY;IAE7B;QACE,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC;QACnC,CAAC;aAAM,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YACzB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC;QACjC,CAAC;aAAM,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YAC9B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC;QACtC,CAAC;IACH,CAAC;IAED,UAAU,CAAC,KAAW;QACpB,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QAClC,CAAC;IACH,CAAC;IAED,gBAAgB,CAAC,EAAc;QAC7B,IAAI,CAAC,SAAS,EAAE,eAAe,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;IAChD,CAAC;IAED,iBAAiB,CAAC,EAAc;QAC9B,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,gBAAgB,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;IAC9D,CAAC;IAED,gBAAgB,CAAC,QAAiB;QAChC,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QACxC,CAAC;IACH,CAAC;uGAxCU,qBAAqB;2FAArB,qBAAqB,2RAjBrB;YACT;gBACE,OAAO,EAAE,iBAAiB;gBAC1B,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC;gBACpD,KAAK,EAAE,IAAI;aACZ;SACF;;2FAWU,qBAAqB;kBAlBjC,SAAS;mBAAC;oBACT,SAAS,EAAE;wBACT;4BACE,OAAO,EAAE,iBAAiB;4BAC1B,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,sBAAsB,CAAC;4BACpD,KAAK,EAAE,IAAI;yBACZ;qBACF;oBACD,8DAA8D;oBAC9D,QAAQ,EAAE;;;;;;;GAOT;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 {\n  inject,\n  Directive,\n  ElementRef,\n  forwardRef,\n  ModelSignal,\n  OutputEmitterRef,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nimport { WattFilterChipComponent } from './watt-filter-chip.component';\nimport { WattDateChipComponent } from './watt-date-chip.component';\nimport { WattDateRangeChipComponent } from './watt-date-range-chip.component';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\ninterface WattChip {\n  value: ModelSignal<any>;\n  disabled: ModelSignal<boolean>;\n  selectionChange: OutputEmitterRef<any>;\n}\n\n@Directive({\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => WattFormChipDirective),\n      multi: true,\n    },\n  ],\n  // eslint-disable-next-line @angular-eslint/directive-selector\n  selector: `\n    watt-filter-chip[formControl],\n    watt-date-chip[formControl],\n    watt-date-range-chip[formControl],\n    watt-filter-chip[formControlName],\n    watt-date-chip[formControlName],\n    watt-date-range-chip[formControlName],\n  `,\n})\nexport class WattFormChipDirective implements ControlValueAccessor {\n  private filterChip = inject(WattFilterChipComponent, { host: true, optional: true, self: true });\n  private dateChip = inject(WattDateChipComponent, { host: true, optional: true, self: true });\n  private dateRangeChip = inject(WattDateRangeChipComponent, {\n    host: true,\n    optional: true,\n    self: true,\n  });\n\n  private element = inject(ElementRef);\n  private component?: WattChip;\n\n  constructor() {\n    if (this.filterChip) {\n      this.component = this.filterChip;\n    } else if (this.dateChip) {\n      this.component = this.dateChip;\n    } else if (this.dateRangeChip) {\n      this.component = this.dateRangeChip;\n    }\n  }\n\n  writeValue(value?: any): void {\n    if (this.component) {\n      this.component.value.set(value);\n    }\n  }\n\n  registerOnChange(fn: () => void) {\n    this.component?.selectionChange.subscribe(fn);\n  }\n\n  registerOnTouched(fn: () => void) {\n    this.element.nativeElement.addEventListener('focusout', fn);\n  }\n\n  setDisabledState(disabled: boolean) {\n    if (this.component) {\n      this.component.disabled.set(disabled);\n    }\n  }\n}\n"]}
+{"version":3,"file":"watt-chip.directive.js","sourceRoot":"","sources":["../../../../libs/watt/package/chip/watt-chip.directive.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EACL,MAAM,EACN,SAAS,EACT,UAAU,EACV,UAAU,GAGX,MAAM,eAAe,CAAC;AACvB,OAAO,EAAwB,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEzE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,0BAA0B,EAAE,MAAM,kCAAkC,CAAC;;AA2B9E,MAAM,OAAO,qBAAqB;IACxB,UAAU,GAAG,MAAM,CAAC,uBAAuB,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;IACzF,QAAQ,GAAG,MAAM,CAAC,qBAAqB,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;IACrF,aAAa,GAAG,MAAM,CAAC,0BAA0B,EAAE;QACzD,IAAI,EAAE,IAAI;QACV,QAAQ,EAAE,IAAI;QACd,IAAI,EAAE,IAAI;KACX,CAAC,CAAC;IAEK,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IAC7B,SAAS,CAAY;IAE7B;QACE,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC;QACnC,CAAC;aAAM,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YACzB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC;QACjC,CAAC;aAAM,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YAC9B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC;QACtC,CAAC;IACH,CAAC;IAED,UAAU,CAAC,KAAW;QACpB,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QAClC,CAAC;IACH,CAAC;IAED,gBAAgB,CAAC,EAAc;QAC7B,IAAI,CAAC,SAAS,EAAE,eAAe,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;IAChD,CAAC;IAED,iBAAiB,CAAC,EAAc;QAC9B,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,gBAAgB,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;IAC9D,CAAC;IAED,gBAAgB,CAAC,QAAiB;QAChC,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QACxC,CAAC;IACH,CAAC;wGAxCU,qBAAqB;4FAArB,qBAAqB,2RAjBrB;YACT;gBACE,OAAO,EAAE,iBAAiB;gBAC1B,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC;gBACpD,KAAK,EAAE,IAAI;aACZ;SACF;;4FAWU,qBAAqB;kBAlBjC,SAAS;mBAAC;oBACT,SAAS,EAAE;wBACT;4BACE,OAAO,EAAE,iBAAiB;4BAC1B,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,sBAAsB,CAAC;4BACpD,KAAK,EAAE,IAAI;yBACZ;qBACF;oBACD,8DAA8D;oBAC9D,QAAQ,EAAE;;;;;;;GAOT;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 {\n  inject,\n  Directive,\n  ElementRef,\n  forwardRef,\n  ModelSignal,\n  OutputEmitterRef,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nimport { WattFilterChipComponent } from './watt-filter-chip.component';\nimport { WattDateChipComponent } from './watt-date-chip.component';\nimport { WattDateRangeChipComponent } from './watt-date-range-chip.component';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\ninterface WattChip {\n  value: ModelSignal<any>;\n  disabled: ModelSignal<boolean>;\n  selectionChange: OutputEmitterRef<any>;\n}\n\n@Directive({\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => WattFormChipDirective),\n      multi: true,\n    },\n  ],\n  // eslint-disable-next-line @angular-eslint/directive-selector\n  selector: `\n    watt-filter-chip[formControl],\n    watt-date-chip[formControl],\n    watt-date-range-chip[formControl],\n    watt-filter-chip[formControlName],\n    watt-date-chip[formControlName],\n    watt-date-range-chip[formControlName],\n  `,\n})\nexport class WattFormChipDirective implements ControlValueAccessor {\n  private filterChip = inject(WattFilterChipComponent, { host: true, optional: true, self: true });\n  private dateChip = inject(WattDateChipComponent, { host: true, optional: true, self: true });\n  private dateRangeChip = inject(WattDateRangeChipComponent, {\n    host: true,\n    optional: true,\n    self: true,\n  });\n\n  private element = inject(ElementRef);\n  private component?: WattChip;\n\n  constructor() {\n    if (this.filterChip) {\n      this.component = this.filterChip;\n    } else if (this.dateChip) {\n      this.component = this.dateChip;\n    } else if (this.dateRangeChip) {\n      this.component = this.dateRangeChip;\n    }\n  }\n\n  writeValue(value?: any): void {\n    if (this.component) {\n      this.component.value.set(value);\n    }\n  }\n\n  registerOnChange(fn: () => void) {\n    this.component?.selectionChange.subscribe(fn);\n  }\n\n  registerOnTouched(fn: () => void) {\n    this.element.nativeElement.addEventListener('focusout', fn);\n  }\n\n  setDisabledState(disabled: boolean) {\n    if (this.component) {\n      this.component.disabled.set(disabled);\n    }\n  }\n}\n"]}

package/esm2022/chip/watt-date-chip.component.js

@@ -30,8 +30,8 @@ export class WattDateChipComponent {
     formControl = input.required(...(ngDevMode ? [{ debugName: "formControl" }] : []));
     value = model(null, ...(ngDevMode ? [{ debugName: "value" }] : []));
     selectionChange = output();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattDateChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.6", type: WattDateChipComponent, isStandalone: true, selector: "watt-date-chip", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, formControl: { classPropertyName: "formControl", publicName: "formControl", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { disabled: "disabledChange", value: "valueChange", selectionChange: "selectionChange" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattDateChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: WattDateChipComponent, isStandalone: true, selector: "watt-date-chip", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, formControl: { classPropertyName: "formControl", publicName: "formControl", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { disabled: "disabledChange", value: "valueChange", selectionChange: "selectionChange" }, ngImport: i0, template: `
     <mat-datepicker #picker />
     <watt-field [control]="formControl()" [chipMode]="true">
       <watt-menu-chip
@@ -65,7 +65,7 @@ export class WattDateChipComponent {
     </watt-field>
   `, isInline: true, styles: ["watt-date-chip input{top:0;bottom:0;height:auto;visibility:hidden}watt-date-chip watt-field label .watt-field-wrapper{background-color:transparent}\n"], dependencies: [{ kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i1.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i1.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: WattMenuChipComponent, selector: "watt-menu-chip", inputs: ["opened", "disabled", "name", "value", "selected", "hasPopup"], outputs: ["toggleChange"] }, { kind: "component", type: WattFieldComponent, selector: "watt-field", inputs: ["control", "label", "id", "chipMode", "tooltip", "placeholder", "anchorName", "displayMode", "autoFocus", "showErrors"] }, { kind: "pipe", type: WattDatePipe, name: "wattDate" }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattDateChipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattDateChipComponent, decorators: [{
             type: Component,
             args: [{ imports: [MatDatepickerModule, WattMenuChipComponent, WattFieldComponent, WattDatePipe], selector: 'watt-date-chip', encapsulation: ViewEncapsulation.None, template: `
     <mat-datepicker #picker />

package/esm2022/chip/watt-date-chip.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"watt-date-chip.component.js","sourceRoot":"","sources":["../../../../libs/watt/package/chip/watt-date-chip.component.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAGnF,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAEnE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;;;AAwDnE,MAAM,OAAO,qBAAqB;IAChC,QAAQ,GAAG,KAAK,CAAC,KAAK,oDAAC,CAAC;IACxB,KAAK,GAAG,KAAK,2DAAU,CAAC;IACxB,WAAW,GAAG,KAAK,iEAAU,CAAC;IAC9B,WAAW,GAAG,KAAK,CAAC,QAAQ,sDAAe,CAAC;IAC5C,KAAK,GAAG,KAAK,CAAgB,IAAI,iDAAC,CAAC;IACnC,eAAe,GAAG,MAAM,EAAQ,CAAC;uGANtB,qBAAqB;2FAArB,qBAAqB,6zBAlCtB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCT,8NAnDS,mBAAmB,+TAAE,qBAAqB,+JAAE,kBAAkB,oLAAE,YAAY;;2FAqD3E,qBAAqB;kBAtDjC,SAAS;8BACC,CAAC,mBAAmB,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,YAAY,CAAC,YAC7E,gBAAgB,iBACX,iBAAiB,CAAC,IAAI,YAiB3B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCT","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 { input, model, output, Component, ViewEncapsulation } from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\nimport { MatDatepickerModule } from '@angular/material/datepicker';\n\nimport { WattDatePipe } from '@energinet/watt/core/date';\nimport { WattFieldComponent } from '@energinet/watt/field';\nimport { WattMenuChipComponent } from './watt-menu-chip.component';\n\n@Component({\n  imports: [MatDatepickerModule, WattMenuChipComponent, WattFieldComponent, WattDatePipe],\n  selector: 'watt-date-chip',\n  encapsulation: ViewEncapsulation.None,\n  styles: [\n    `\n      watt-date-chip {\n        input {\n          top: 0;\n          bottom: 0;\n          height: auto;\n          visibility: hidden;\n        }\n\n        watt-field label .watt-field-wrapper {\n          background-color: transparent;\n        }\n      }\n    `,\n  ],\n  template: `\n    <mat-datepicker #picker />\n    <watt-field [control]=\"formControl()\" [chipMode]=\"true\">\n      <watt-menu-chip\n        hasPopup=\"dialog\"\n        [disabled]=\"disabled()\"\n        [selected]=\"!!value()\"\n        [opened]=\"picker.opened\"\n        (toggleChange)=\"picker.open()\"\n      >\n        <input\n          tabindex=\"-1\"\n          class=\"cdk-visually-hidden\"\n          type=\"text\"\n          [value]=\"value()\"\n          [matDatepicker]=\"picker\"\n          (dateChange)=\"value.set($event.value)\"\n          (dateChange)=\"selectionChange.emit($event.value)\"\n        />\n        {{ placeholder() }}\n        <span>\n          @if (value()) {\n            @if (placeholder()) {\n              :\n            }\n            {{ value() | wattDate }}\n          }\n        </span>\n      </watt-menu-chip>\n      <ng-content ngProjectAs=\"watt-field-hint\" select=\"watt-field-hint\" />\n      <ng-content ngProjectAs=\"watt-field-error\" select=\"watt-field-error\" />\n    </watt-field>\n  `,\n})\nexport class WattDateChipComponent {\n  disabled = model(false);\n  label = input<string>();\n  placeholder = input<string>();\n  formControl = input.required<FormControl>();\n  value = model<string | null>(null);\n  selectionChange = output<Date>();\n}\n"]}
+{"version":3,"file":"watt-date-chip.component.js","sourceRoot":"","sources":["../../../../libs/watt/package/chip/watt-date-chip.component.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB;;;;;;;;;;;;;;;GAeG;AACH,YAAY;AACZ,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAGnF,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAEnE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;;;AAwDnE,MAAM,OAAO,qBAAqB;IAChC,QAAQ,GAAG,KAAK,CAAC,KAAK,oDAAC,CAAC;IACxB,KAAK,GAAG,KAAK,2DAAU,CAAC;IACxB,WAAW,GAAG,KAAK,iEAAU,CAAC;IAC9B,WAAW,GAAG,KAAK,CAAC,QAAQ,sDAAe,CAAC;IAC5C,KAAK,GAAG,KAAK,CAAgB,IAAI,iDAAC,CAAC;IACnC,eAAe,GAAG,MAAM,EAAQ,CAAC;wGANtB,qBAAqB;4FAArB,qBAAqB,6zBAlCtB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCT,8NAnDS,mBAAmB,+TAAE,qBAAqB,+JAAE,kBAAkB,oLAAE,YAAY;;4FAqD3E,qBAAqB;kBAtDjC,SAAS;8BACC,CAAC,mBAAmB,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,YAAY,CAAC,YAC7E,gBAAgB,iBACX,iBAAiB,CAAC,IAAI,YAiB3B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCT","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 { input, model, output, Component, ViewEncapsulation } from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\nimport { MatDatepickerModule } from '@angular/material/datepicker';\n\nimport { WattDatePipe } from '@energinet/watt/core/date';\nimport { WattFieldComponent } from '@energinet/watt/field';\nimport { WattMenuChipComponent } from './watt-menu-chip.component';\n\n@Component({\n  imports: [MatDatepickerModule, WattMenuChipComponent, WattFieldComponent, WattDatePipe],\n  selector: 'watt-date-chip',\n  encapsulation: ViewEncapsulation.None,\n  styles: [\n    `\n      watt-date-chip {\n        input {\n          top: 0;\n          bottom: 0;\n          height: auto;\n          visibility: hidden;\n        }\n\n        watt-field label .watt-field-wrapper {\n          background-color: transparent;\n        }\n      }\n    `,\n  ],\n  template: `\n    <mat-datepicker #picker />\n    <watt-field [control]=\"formControl()\" [chipMode]=\"true\">\n      <watt-menu-chip\n        hasPopup=\"dialog\"\n        [disabled]=\"disabled()\"\n        [selected]=\"!!value()\"\n        [opened]=\"picker.opened\"\n        (toggleChange)=\"picker.open()\"\n      >\n        <input\n          tabindex=\"-1\"\n          class=\"cdk-visually-hidden\"\n          type=\"text\"\n          [value]=\"value()\"\n          [matDatepicker]=\"picker\"\n          (dateChange)=\"value.set($event.value)\"\n          (dateChange)=\"selectionChange.emit($event.value)\"\n        />\n        {{ placeholder() }}\n        <span>\n          @if (value()) {\n            @if (placeholder()) {\n              :\n            }\n            {{ value() | wattDate }}\n          }\n        </span>\n      </watt-menu-chip>\n      <ng-content ngProjectAs=\"watt-field-hint\" select=\"watt-field-hint\" />\n      <ng-content ngProjectAs=\"watt-field-error\" select=\"watt-field-error\" />\n    </watt-field>\n  `,\n})\nexport class WattDateChipComponent {\n  disabled = model(false);\n  label = input<string>();\n  placeholder = input<string>();\n  formControl = input.required<FormControl>();\n  value = model<string | null>(null);\n  selectionChange = output<Date>();\n}\n"]}

package/esm2022/chip/watt-date-range-chip.component.js

@@ -28,10 +28,10 @@ export class WattDateRangeSelectionStrategy extends DefaultMatCalendarRangeStrat
             return this.customSelectionStrategy(activeDate);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattDateRangeSelectionStrategy, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattDateRangeSelectionStrategy, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattDateRangeSelectionStrategy, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattDateRangeSelectionStrategy, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattDateRangeSelectionStrategy, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattDateRangeSelectionStrategy, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -73,8 +73,8 @@ export class WattDateRangeChipComponent {
             this.value.set({ start: dateRange.start, end: endDate });
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattDateRangeChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.6", type: WattDateRangeChipComponent, isStandalone: true, selector: "watt-date-range-chip", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, formControl: { classPropertyName: "formControl", publicName: "formControl", isSignal: true, isRequired: true, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, showActions: { classPropertyName: "showActions", publicName: "showActions", isSignal: true, isRequired: false, transformFunction: null }, customSelectionStrategy: { classPropertyName: "customSelectionStrategy", publicName: "customSelectionStrategy", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { disabled: "disabledChange", value: "valueChange", selectionChange: "selectionChange" }, host: { properties: { "class.has-placeholder": "placeholder()" } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattDateRangeChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: WattDateRangeChipComponent, isStandalone: true, selector: "watt-date-range-chip", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, formControl: { classPropertyName: "formControl", publicName: "formControl", isSignal: true, isRequired: true, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, showActions: { classPropertyName: "showActions", publicName: "showActions", isSignal: true, isRequired: false, transformFunction: null }, customSelectionStrategy: { classPropertyName: "customSelectionStrategy", publicName: "customSelectionStrategy", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { disabled: "disabledChange", value: "valueChange", selectionChange: "selectionChange" }, host: { properties: { "class.has-placeholder": "placeholder()" } }, providers: [
             {
                 provide: MAT_DATE_RANGE_SELECTION_STRATEGY,
                 useFactory: (comp) => comp.selectionStrategy(),
@@ -137,7 +137,7 @@ export class WattDateRangeChipComponent {
     </watt-field>
   `, isInline: true, styles: ["watt-date-range-chip mat-date-range-input{top:0;bottom:0;height:auto;visibility:hidden}watt-date-range-chip.has-placeholder .value:before{content:\":\"}watt-date-range-chip watt-field label .watt-field-wrapper{background-color:transparent}\n"], dependencies: [{ kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i1.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i1.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i1.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i1.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "component", type: i1.MatDatepickerActions, selector: "mat-datepicker-actions, mat-date-range-picker-actions" }, { kind: "directive", type: i1.MatDatepickerApply, selector: "[matDatepickerApply], [matDateRangePickerApply]" }, { kind: "component", type: WattFieldComponent, selector: "watt-field", inputs: ["control", "label", "id", "chipMode", "tooltip", "placeholder", "anchorName", "displayMode", "autoFocus", "showErrors"] }, { kind: "component", type: WattButtonComponent, selector: "watt-button", inputs: ["icon", "variant", "size", "type", "formId", "disabled", "loading"] }, { kind: "component", type: WattMenuChipComponent, selector: "watt-menu-chip", inputs: ["opened", "disabled", "name", "value", "selected", "hasPopup"], outputs: ["toggleChange"] }, { kind: "pipe", type: WattDatePipe, name: "wattDate" }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattDateRangeChipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattDateRangeChipComponent, decorators: [{
             type: Component,
             args: [{ imports: [
                         MatDatepickerModule,