@energinet/watt 4.0.21 → 4.0.23

package/core/styles/@energinet-datahub/watt/_index.scss

@@ -12,6 +12,7 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 @use "./theme/light-theme.scss";
+@use "./theme/material-overwrites/expansion-panel";
 @use "./theme/material-overwrites/datepicker";
 @use "./theme/material-overwrites/snack-bar";
 
@@ -20,6 +21,8 @@
 @use "../../chips";
 @use "../../elevation";
 @use "../../hr";
+@use "../../radius";
+@use "../../transitions";
 @use "../../table";
 @use "../../tokens";
 @use "../../tooltip";
@@ -51,3 +54,7 @@ textarea {
 .cdk-overlay-pane[class="cdk-overlay-pane"] {
   transform: none !important;
 }
+
+.mat-mdc-dialog-surface.mdc-dialog__surface {
+  --mat-dialog-container-shape: var(--watt-radius-m);
+}

package/core/styles/@energinet-datahub/watt/theme/material-overwrites/_expansion-panel.scss

@@ -0,0 +1,21 @@
+// Copyright 2020 Energinet DataHub A/S
+//
+// Licensed under the Apache License, Version 2.0 (the "License2");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//     http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+/*
+  Override for the expansion indicator rotation
+  Increased specificity to avoid using !important
+*/
+body .mat-expansion-panel .mat-expansion-panel-header.mat-expanded .mat-expansion-indicator {
+  transform: rotate(-180deg);
+}

package/core/styles/_radius.scss

@@ -0,0 +1,19 @@
+// Copyright 2020 Energinet DataHub A/S
+//
+// Licensed under the Apache License, Version 2.0 (the "License2");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//     http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+:root {
+  --watt-radius-s: 4px;
+  --watt-radius-m: 8px;
+  --watt-radius-l: 16px;
+  --watt-radius-full: 9999px;
+}

package/core/styles/_transitions.scss

@@ -0,0 +1,31 @@
+// Copyright 2020 Energinet DataHub A/S
+//
+// Licensed under the Apache License, Version 2.0 (the "License2");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//     http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+:root {
+  // Time
+  --watt-faster-than-a-blink-of-an-eye: 50ms;
+  --watt-time-extra-short: 100ms;
+  --watt-time-short: 200ms;
+  --watt-time-medium: 300ms;
+  --watt-time-long: 400ms;
+  --watt-time-extra-long: 500ms;
+
+  // Easing
+
+  // Use for color and opacity transitions
+  --watt-ease-linear: cubic-bezier(0, 0, 1, 1);
+
+  --watt-move-into-screen: cubic-bezier(0.4, 0, 1, 1);
+  --watt-move-out-of-screen: cubic-bezier(0, 0, 0.2, 1);
+  --watt-move-inside-screen: cubic-bezier(0.4, 0, 0.2, 1);
+}

package/core/styles/_variables.scss

@@ -102,5 +102,6 @@
 
   // Components
   --watt-sidenav-background-color: #09505d;
-  --watt-nav-list-hover-background-color: #07404a;
+  --watt-nav-list-active-background-color: var(--watt-color-primary);
+  --watt-nav-list-hover-background-color: rgb(from var(--watt-color-primary) r g b / 65%);
 }

package/core/styles/typography/_typography.import.scss

@@ -169,7 +169,6 @@ $font-sizes: (
   color: var(--watt-typography-label-color);
   @include font-size("s");
   @include font-weight("semi-bold");
-  text-transform: uppercase;
 }
 
 @mixin watt-step-label {

package/empty-state/icons/not-found.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class WattEmptyStateNotFoundComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<WattEmptyStateNotFoundComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WattEmptyStateNotFoundComponent, "watt-empty-state-not-found", never, {}, {}, never, never, true, never>;
+}

package/empty-state/index.d.ts

@@ -18,3 +18,4 @@ export { WattEmptyStateComponent } from './watt-empty-state.component';
 export { WattEmptyStateExploreComponent } from './icons/explore';
 export { WattEmptyStateNoResultsComponent } from './icons/no-results';
 export { WattEmptyStatePowerComponent } from './icons/power';
+export { WattEmptyStateNotFoundComponent } from './icons/not-found';

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

@@ -27,14 +27,14 @@ 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.1.3", ngImport: i0, type: WattBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.3", 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;text-transform:uppercase;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.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"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattBadgeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattBadgeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'watt-badge', template: '<ng-content />', host: {
                         '[class]': 'badgeType()',
                         '[class.watt-badge-large]': 'isLarge()',
-                    }, styles: [":host{border-radius:4px;padding:.125rem var(--watt-space-xs);color:var(--watt-typography-label-color);font-size:.875rem;line-height:1.25rem;font-weight:600;text-transform:uppercase;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"] }]
-        }] });
+                    }, styles: [":host{border-radius:4px;padding:.125rem var(--watt-space-xs);color:var(--watt-typography-label-color);font-size:.875rem;line-height:1.25rem;font-weight:600;color:var(--watt-color-primary-dark)}:host.watt-badge-large{font-size:1rem;line-height:1.5rem;font-weight:700}:host.watt-badge-neutral{color:var(--watt-color-neutral-grey-600);background:var(--watt-color-neutral-grey-200)}:host.watt-badge-info{background:var(--watt-color-state-info-light)}:host.watt-badge-success{background:var(--watt-color-state-success-light)}:host.watt-badge-warning{background:var(--watt-color-state-warning-light)}:host.watt-badge-danger{color:var(--watt-color-state-danger);background:var(--watt-color-state-danger-light)}:host.watt-badge-version{color:var(--watt-on-light-high-emphasis);background:var(--watt-color-secondary)}:host.watt-badge-skeleton{color:transparent;animation:shine 1.6s infinite linear;background-color:var(--watt-color-neutral-grey-200);background-size:600px;background-image:linear-gradient(90deg,var(--watt-color-neutral-grey-300) 0px,var(--watt-color-neutral-grey-200) 40px,var(--watt-color-neutral-grey-300) 80px)}@keyframes shine{0%{background-position:-100px}40%,to{background-position:140px}}\n"] }]
+        }], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2F0dC1iYWRnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL3dhdHQvcGFja2FnZS9iYWRnZS93YXR0LWJhZGdlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpQkFBaUI7QUFDakI7Ozs7Ozs7Ozs7Ozs7OztHQWVHO0FBQ0gsWUFBWTtBQUNaLE9BQU8sRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFhM0Q7OztHQUdHO0FBVUgsTUFBTSxPQUFPLGtCQUFrQjtJQUM3QixJQUFJLEdBQUcsS0FBSyxDQUFnQixNQUFNLGdEQUFDLENBQUM7SUFDcEMsSUFBSSxHQUFHLEtBQUssQ0FBZ0IsUUFBUSxnREFBQyxDQUFDO0lBQ3RDLFNBQVMsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsY0FBYyxJQUFJLENBQUMsSUFBSSxFQUFFLEVBQUUscURBQUMsQ0FBQztJQUN4RCxPQUFPLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsS0FBSyxPQUFPLG1EQUFDLENBQUM7dUdBSnZDLGtCQUFrQjsyRkFBbEIsa0JBQWtCLHFaQU5uQixnQkFBZ0I7OzJGQU1mLGtCQUFrQjtrQkFUOUIsU0FBUzsrQkFDRSxZQUFZLFlBRVosZ0JBQWdCLFFBQ3BCO3dCQUNKLFNBQVMsRUFBRSxhQUFhO3dCQUN4QiwwQkFBMEIsRUFBRSxXQUFXO3FCQUN4QyIsInNvdXJjZXNDb250ZW50IjpbIi8vI3JlZ2lvbiBMaWNlbnNlXG4vKipcbiAqIEBsaWNlbnNlXG4gKiBDb3B5cmlnaHQgMjAyMCBFbmVyZ2luZXQgRGF0YUh1YiBBL1NcbiAqXG4gKiBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlMlwiKTtcbiAqIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vLyNlbmRyZWdpb25cbmltcG9ydCB7IENvbXBvbmVudCwgY29tcHV0ZWQsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmV4cG9ydCB0eXBlIFdhdHRCYWRnZVR5cGUgPVxuICB8ICd3YXJuaW5nJ1xuICB8ICdzdWNjZXNzJ1xuICB8ICdkYW5nZXInXG4gIHwgJ2luZm8nXG4gIHwgJ25ldXRyYWwnXG4gIHwgJ3ZlcnNpb24nXG4gIHwgJ3NrZWxldG9uJztcblxuZXhwb3J0IHR5cGUgV2F0dEJhZGdlU2l6ZSA9ICdub3JtYWwnIHwgJ2xhcmdlJztcblxuLyoqXG4gKiBVc2FnZTpcbiAqIGBpbXBvcnQgeyBXYXR0QmFkZ2VDb21wb25lbnQgfSBmcm9tICdAZW5lcmdpbmV0LWRhdGFodWIvd2F0dC9iYWRnZSc7YFxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd3YXR0LWJhZGdlJyxcbiAgc3R5bGVVcmxzOiBbJy4vd2F0dC1iYWRnZS5jb21wb25lbnQuc2NzcyddLFxuICB0ZW1wbGF0ZTogJzxuZy1jb250ZW50IC8+JyxcbiAgaG9zdDoge1xuICAgICdbY2xhc3NdJzogJ2JhZGdlVHlwZSgpJyxcbiAgICAnW2NsYXNzLndhdHQtYmFkZ2UtbGFyZ2VdJzogJ2lzTGFyZ2UoKScsXG4gIH0sXG59KVxuZXhwb3J0IGNsYXNzIFdhdHRCYWRnZUNvbXBvbmVudCB7XG4gIHR5cGUgPSBpbnB1dDxXYXR0QmFkZ2VUeXBlPignaW5mbycpO1xuICBzaXplID0gaW5wdXQ8V2F0dEJhZGdlU2l6ZT4oJ25vcm1hbCcpO1xuICBiYWRnZVR5cGUgPSBjb21wdXRlZCgoKSA9PiBgd2F0dC1iYWRnZS0ke3RoaXMudHlwZSgpfWApO1xuICBpc0xhcmdlID0gY29tcHV0ZWQoKCkgPT4gdGhpcy5zaXplKCkgPT09ICdsYXJnZScpO1xufVxuIl19

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

@@ -27,17 +27,17 @@ 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.1.3", ngImport: i0, type: WattBreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.1.3", 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.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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattBreadcrumbComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattBreadcrumbComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'watt-breadcrumb',
                     encapsulation: ViewEncapsulation.None,
                     template: `<ng-template #templateRef><ng-content /></ng-template>`,
                 }]
-        }] });
+        }], propDecorators: { templateRef: [{ type: i0.ViewChild, args: ['templateRef', { isSignal: true }] }], click: [{ type: i0.Output, args: ["click"] }] } });
 /**
  * Usage:
  * `import { WATT_BREADCRUMBS } from '@energinet-datahub/watt/breadcrumbs';`
@@ -47,8 +47,8 @@ export class WattBreadcrumbsComponent {
      * @ignore
      */
     breadcrumbs = contentChildren(WattBreadcrumbComponent, ...(ngDevMode ? [{ debugName: "breadcrumbs" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattBreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", 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.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: `
     <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{color:var(--watt-color-neutral-black)}watt-breadcrumbs mat-icon:hover{color:var(--watt-color-primary-dark)}\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.1.3", ngImport: i0, type: WattBreadcrumbsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattBreadcrumbsComponent, decorators: [{
             type: Component,
             args: [{ encapsulation: ViewEncapsulation.None, imports: [NgTemplateOutlet, WattIconComponent], selector: 'watt-breadcrumbs', template: `
     <nav>
@@ -85,6 +85,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
       }
     </nav>
   `, 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{color:var(--watt-color-neutral-black)}watt-breadcrumbs mat-icon:hover{color:var(--watt-color-primary-dark)}\n"] }]
-        }] });
+        }], propDecorators: { breadcrumbs: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => WattBreadcrumbComponent), { isSignal: true }] }] } });
 export const WATT_BREADCRUMBS = [WattBreadcrumbsComponent, WattBreadcrumbComponent];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2F0dC1icmVhZGNydW1icy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL3dhdHQvcGFja2FnZS9icmVhZGNydW1icy93YXR0LWJyZWFkY3J1bWJzLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpQkFBaUI7QUFDakI7Ozs7Ozs7Ozs7Ozs7OztHQWVHO0FBQ0gsWUFBWTtBQUNaLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ25ELE9BQU8sRUFDTCxTQUFTLEVBRVQsaUJBQWlCLEVBQ2pCLGVBQWUsRUFDZixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUMvQixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUNsRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQzs7QUFPekQsTUFBTSxPQUFPLHVCQUF1QjtJQUNsQyxXQUFXLEdBQUcsU0FBUyxDQUFDLFFBQVEsQ0FBdUIsYUFBYSxDQUFDLENBQUM7SUFDdEUsNERBQTREO0lBQzVELGFBQWEsR0FBRyxJQUFJLE9BQU8sRUFBVyxDQUFDO0lBQ3ZDLEtBQUssR0FBRyxvQkFBb0IsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7dUdBSnRDLHVCQUF1QjsyRkFBdkIsdUJBQXVCLG9PQUZ4Qix3REFBd0Q7OzJGQUV2RCx1QkFBdUI7a0JBTG5DLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGlCQUFpQjtvQkFDM0IsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7b0JBQ3JDLFFBQVEsRUFBRSx3REFBd0Q7aUJBQ25FOztBQVFEOzs7R0FHRztBQXdCSCxNQUFNLE9BQU8sd0JBQXdCO0lBQ25DOztPQUVHO0lBQ0gsV0FBVyxHQUFHLGVBQWUsQ0FBMEIsdUJBQXVCLHVEQUFDLENBQUM7dUdBSnJFLHdCQUF3QjsyRkFBeEIsd0JBQXdCLHdHQUlvQix1QkFBdUIsNkNBdEJwRTs7Ozs7Ozs7Ozs7Ozs7OztHQWdCVCx3bkJBbkJTLGdCQUFnQixvSkFBRSxpQkFBaUI7OzJGQXFCbEMsd0JBQXdCO2tCQXZCcEMsU0FBUztvQ0FDTyxpQkFBaUIsQ0FBQyxJQUFJLFdBQzVCLENBQUMsZ0JBQWdCLEVBQUUsaUJBQWlCLENBQUMsWUFDcEMsa0JBQWtCLFlBRWxCOzs7Ozs7Ozs7Ozs7Ozs7O0dBZ0JUOztBQVNILE1BQU0sQ0FBQyxNQUFNLGdCQUFnQixHQUFHLENBQUMsd0JBQXdCLEVBQUUsdUJBQXVCLENBQVUsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8vI3JlZ2lvbiBMaWNlbnNlXG4vKipcbiAqIEBsaWNlbnNlXG4gKiBDb3B5cmlnaHQgMjAyMCBFbmVyZ2luZXQgRGF0YUh1YiBBL1NcbiAqXG4gKiBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlMlwiKTtcbiAqIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vLyNlbmRyZWdpb25cbmltcG9ydCB7IE5nVGVtcGxhdGVPdXRsZXQgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBUZW1wbGF0ZVJlZixcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG4gIGNvbnRlbnRDaGlsZHJlbixcbiAgdmlld0NoaWxkLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN1YmplY3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IG91dHB1dEZyb21PYnNlcnZhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZS9yeGpzLWludGVyb3AnO1xuaW1wb3J0IHsgV2F0dEljb25Db21wb25lbnQgfSBmcm9tICdAZW5lcmdpbmV0L3dhdHQvaWNvbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3dhdHQtYnJlYWRjcnVtYicsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHRlbXBsYXRlOiBgPG5nLXRlbXBsYXRlICN0ZW1wbGF0ZVJlZj48bmctY29udGVudCAvPjwvbmctdGVtcGxhdGU+YCxcbn0pXG5leHBvcnQgY2xhc3MgV2F0dEJyZWFkY3J1bWJDb21wb25lbnQge1xuICB0ZW1wbGF0ZVJlZiA9IHZpZXdDaGlsZC5yZXF1aXJlZDxUZW1wbGF0ZVJlZjx1bmtub3duPj4oJ3RlbXBsYXRlUmVmJyk7XG4gIC8vIFVzZWQgdG8gZGV0ZXJtaW5lIGlmIHRoZSBicmVhZGNydW1iIGlzIGludGVyYWN0aXZlIG9yIG5vdFxuICBhY3Rpb25FbWl0dGVyID0gbmV3IFN1YmplY3Q8dW5rbm93bj4oKTtcbiAgY2xpY2sgPSBvdXRwdXRGcm9tT2JzZXJ2YWJsZSh0aGlzLmFjdGlvbkVtaXR0ZXIpO1xufVxuXG4vKipcbiAqIFVzYWdlOlxuICogYGltcG9ydCB7IFdBVFRfQlJFQURDUlVNQlMgfSBmcm9tICdAZW5lcmdpbmV0LWRhdGFodWIvd2F0dC9icmVhZGNydW1icyc7YFxuICovXG5AQ29tcG9uZW50KHtcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgaW1wb3J0czogW05nVGVtcGxhdGVPdXRsZXQsIFdhdHRJY29uQ29tcG9uZW50XSxcbiAgc2VsZWN0b3I6ICd3YXR0LWJyZWFkY3J1bWJzJyxcbiAgc3R5bGVVcmxzOiBbJy4vd2F0dC1icmVhZGNydW1icy5jb21wb25lbnQuc2NzcyddLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxuYXY+XG4gICAgICBAZm9yIChicmVhZGNydW1iIG9mIGJyZWFkY3J1bWJzKCk7IHRyYWNrIGJyZWFkY3J1bWI7IGxldCBpc0xhc3QgPSAkbGFzdCkge1xuICAgICAgICA8c3BhblxuICAgICAgICAgIGNsYXNzPVwid2F0dC1icmVhZGNydW1iXCJcbiAgICAgICAgICAoY2xpY2spPVwiYnJlYWRjcnVtYi5hY3Rpb25FbWl0dGVyLm5leHQoJGV2ZW50KVwiXG4gICAgICAgICAgW2NsYXNzLmludGVyYWN0aXZlXT1cImJyZWFkY3J1bWIuYWN0aW9uRW1pdHRlci5vYnNlcnZlZFwiXG4gICAgICAgICAgW2F0dHIucm9sZV09XCJicmVhZGNydW1iLmFjdGlvbkVtaXR0ZXIub2JzZXJ2ZWQgPyAnbGluaycgOiBudWxsXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJicmVhZGNydW1iLnRlbXBsYXRlUmVmKClcIiAvPlxuICAgICAgICAgIEBpZiAoIWlzTGFzdCkge1xuICAgICAgICAgICAgPHdhdHQtaWNvbiBuYW1lPVwicmlnaHRcIiAvPlxuICAgICAgICAgIH1cbiAgICAgICAgPC9zcGFuPlxuICAgICAgfVxuICAgIDwvbmF2PlxuICBgLFxufSlcbmV4cG9ydCBjbGFzcyBXYXR0QnJlYWRjcnVtYnNDb21wb25lbnQge1xuICAvKipcbiAgICogQGlnbm9yZVxuICAgKi9cbiAgYnJlYWRjcnVtYnMgPSBjb250ZW50Q2hpbGRyZW48V2F0dEJyZWFkY3J1bWJDb21wb25lbnQ+KFdhdHRCcmVhZGNydW1iQ29tcG9uZW50KTtcbn1cblxuZXhwb3J0IGNvbnN0IFdBVFRfQlJFQURDUlVNQlMgPSBbV2F0dEJyZWFkY3J1bWJzQ29tcG9uZW50LCBXYXR0QnJlYWRjcnVtYkNvbXBvbmVudF0gYXMgY29uc3Q7XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2F0dC1icmVhZGNydW1icy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL3dhdHQvcGFja2FnZS9icmVhZGNydW1icy93YXR0LWJyZWFkY3J1bWJzLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpQkFBaUI7QUFDakI7Ozs7Ozs7Ozs7Ozs7OztHQWVHO0FBQ0gsWUFBWTtBQUNaLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ25ELE9BQU8sRUFDTCxTQUFTLEVBRVQsaUJBQWlCLEVBQ2pCLGVBQWUsRUFDZixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUMvQixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUNsRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQzs7QUFPekQsTUFBTSxPQUFPLHVCQUF1QjtJQUNsQyxXQUFXLEdBQUcsU0FBUyxDQUFDLFFBQVEsQ0FBdUIsYUFBYSxDQUFDLENBQUM7SUFDdEUsNERBQTREO0lBQzVELGFBQWEsR0FBRyxJQUFJLE9BQU8sRUFBVyxDQUFDO0lBQ3ZDLEtBQUssR0FBRyxvQkFBb0IsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7dUdBSnRDLHVCQUF1QjsyRkFBdkIsdUJBQXVCLG9PQUZ4Qix3REFBd0Q7OzJGQUV2RCx1QkFBdUI7a0JBTG5DLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGlCQUFpQjtvQkFDM0IsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7b0JBQ3JDLFFBQVEsRUFBRSx3REFBd0Q7aUJBQ25FO3lFQUV3RCxhQUFhO0FBTXRFOzs7R0FHRztBQXdCSCxNQUFNLE9BQU8sd0JBQXdCO0lBQ25DOztPQUVHO0lBQ0gsV0FBVyxHQUFHLGVBQWUsQ0FBMEIsdUJBQXVCLHVEQUFDLENBQUM7dUdBSnJFLHdCQUF3QjsyRkFBeEIsd0JBQXdCLHdHQUlvQix1QkFBdUIsNkNBdEJwRTs7Ozs7Ozs7Ozs7Ozs7OztHQWdCVCx3bkJBbkJTLGdCQUFnQixvSkFBRSxpQkFBaUI7OzJGQXFCbEMsd0JBQXdCO2tCQXZCcEMsU0FBUztvQ0FDTyxpQkFBaUIsQ0FBQyxJQUFJLFdBQzVCLENBQUMsZ0JBQWdCLEVBQUUsaUJBQWlCLENBQUMsWUFDcEMsa0JBQWtCLFlBRWxCOzs7Ozs7Ozs7Ozs7Ozs7O0dBZ0JUO21HQU1zRCx1QkFBdUI7QUFHaEYsTUFBTSxDQUFDLE1BQU0sZ0JBQWdCLEdBQUcsQ0FBQyx3QkFBd0IsRUFBRSx1QkFBdUIsQ0FBVSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLy8jcmVnaW9uIExpY2Vuc2Vcbi8qKlxuICogQGxpY2Vuc2VcbiAqIENvcHlyaWdodCAyMDIwIEVuZXJnaW5ldCBEYXRhSHViIEEvU1xuICpcbiAqIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2UyXCIpO1xuICogeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8vI2VuZHJlZ2lvblxuaW1wb3J0IHsgTmdUZW1wbGF0ZU91dGxldCB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1xuICBDb21wb25lbnQsXG4gIFRlbXBsYXRlUmVmLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgY29udGVudENoaWxkcmVuLFxuICB2aWV3Q2hpbGQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU3ViamVjdCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgb3V0cHV0RnJvbU9ic2VydmFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlL3J4anMtaW50ZXJvcCc7XG5pbXBvcnQgeyBXYXR0SWNvbkNvbXBvbmVudCB9IGZyb20gJ0BlbmVyZ2luZXQvd2F0dC9pY29uJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnd2F0dC1icmVhZGNydW1iJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgdGVtcGxhdGU6IGA8bmctdGVtcGxhdGUgI3RlbXBsYXRlUmVmPjxuZy1jb250ZW50IC8+PC9uZy10ZW1wbGF0ZT5gLFxufSlcbmV4cG9ydCBjbGFzcyBXYXR0QnJlYWRjcnVtYkNvbXBvbmVudCB7XG4gIHRlbXBsYXRlUmVmID0gdmlld0NoaWxkLnJlcXVpcmVkPFRlbXBsYXRlUmVmPHVua25vd24+PigndGVtcGxhdGVSZWYnKTtcbiAgLy8gVXNlZCB0byBkZXRlcm1pbmUgaWYgdGhlIGJyZWFkY3J1bWIgaXMgaW50ZXJhY3RpdmUgb3Igbm90XG4gIGFjdGlvbkVtaXR0ZXIgPSBuZXcgU3ViamVjdDx1bmtub3duPigpO1xuICBjbGljayA9IG91dHB1dEZyb21PYnNlcnZhYmxlKHRoaXMuYWN0aW9uRW1pdHRlcik7XG59XG5cbi8qKlxuICogVXNhZ2U6XG4gKiBgaW1wb3J0IHsgV0FUVF9CUkVBRENSVU1CUyB9IGZyb20gJ0BlbmVyZ2luZXQtZGF0YWh1Yi93YXR0L2JyZWFkY3J1bWJzJztgXG4gKi9cbkBDb21wb25lbnQoe1xuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBpbXBvcnRzOiBbTmdUZW1wbGF0ZU91dGxldCwgV2F0dEljb25Db21wb25lbnRdLFxuICBzZWxlY3RvcjogJ3dhdHQtYnJlYWRjcnVtYnMnLFxuICBzdHlsZVVybHM6IFsnLi93YXR0LWJyZWFkY3J1bWJzLmNvbXBvbmVudC5zY3NzJ10sXG4gIHRlbXBsYXRlOiBgXG4gICAgPG5hdj5cbiAgICAgIEBmb3IgKGJyZWFkY3J1bWIgb2YgYnJlYWRjcnVtYnMoKTsgdHJhY2sgYnJlYWRjcnVtYjsgbGV0IGlzTGFzdCA9ICRsYXN0KSB7XG4gICAgICAgIDxzcGFuXG4gICAgICAgICAgY2xhc3M9XCJ3YXR0LWJyZWFkY3J1bWJcIlxuICAgICAgICAgIChjbGljayk9XCJicmVhZGNydW1iLmFjdGlvbkVtaXR0ZXIubmV4dCgkZXZlbnQpXCJcbiAgICAgICAgICBbY2xhc3MuaW50ZXJhY3RpdmVdPVwiYnJlYWRjcnVtYi5hY3Rpb25FbWl0dGVyLm9ic2VydmVkXCJcbiAgICAgICAgICBbYXR0ci5yb2xlXT1cImJyZWFkY3J1bWIuYWN0aW9uRW1pdHRlci5vYnNlcnZlZCA/ICdsaW5rJyA6IG51bGxcIlxuICAgICAgICA+XG4gICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImJyZWFkY3J1bWIudGVtcGxhdGVSZWYoKVwiIC8+XG4gICAgICAgICAgQGlmICghaXNMYXN0KSB7XG4gICAgICAgICAgICA8d2F0dC1pY29uIG5hbWU9XCJyaWdodFwiIC8+XG4gICAgICAgICAgfVxuICAgICAgICA8L3NwYW4+XG4gICAgICB9XG4gICAgPC9uYXY+XG4gIGAsXG59KVxuZXhwb3J0IGNsYXNzIFdhdHRCcmVhZGNydW1ic0NvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBicmVhZGNydW1icyA9IGNvbnRlbnRDaGlsZHJlbjxXYXR0QnJlYWRjcnVtYkNvbXBvbmVudD4oV2F0dEJyZWFkY3J1bWJDb21wb25lbnQpO1xufVxuXG5leHBvcnQgY29uc3QgV0FUVF9CUkVBRENSVU1CUyA9IFtXYXR0QnJlYWRjcnVtYnNDb21wb25lbnQsIFdhdHRCcmVhZGNydW1iQ29tcG9uZW50XSBhcyBjb25zdDtcbiJdfQ==

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.1.3", ngImport: i0, type: WattButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", 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.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: `
     <button
       mat-button
       [disabled]="disabled()"
@@ -64,7 +64,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)}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);--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--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)}watt-button .mdc-button .mdc-button__label .content-wrapper--loading{visibility:hidden}watt-button .mdc-button .mdc-button__label watt-icon{margin:-5px}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.1.3", ngImport: i0, type: WattButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'watt-button', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[class]': 'classes()',
@@ -91,5 +91,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
       </div>
     </button>
   `, 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)}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);--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--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)}watt-button .mdc-button .mdc-button__label .content-wrapper--loading{visibility:hidden}watt-button .mdc-button .mdc-button__label watt-icon{margin:-5px}watt-button.watt-button-size--small .mdc-button.mat-mdc-button{height:var(--watt-space-l)}\n"] }]
-        }] });
+        }], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], formId: [{ type: i0.Input, args: [{ isSignal: true, alias: "formId", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }] } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2F0dC1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vbGlicy93YXR0L3BhY2thZ2UvYnV0dG9uL3dhdHQtYnV0dG9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpQkFBaUI7QUFDakI7Ozs7Ozs7Ozs7Ozs7OztHQWVHO0FBQ0gsWUFBWTtBQUNaLE9BQU8sRUFDTCxLQUFLLEVBQ0wsUUFBUSxFQUNSLFNBQVMsRUFDVCxpQkFBaUIsRUFDakIsdUJBQXVCLEdBQ3hCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMvRCxPQUFPLEVBQVksaUJBQWlCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQzs7O0FBRW5FLE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBRyxDQUFDLFNBQVMsRUFBRSxXQUFXLEVBQUUsTUFBTSxFQUFFLE1BQU0sQ0FBVSxDQUFDO0FBc0NqRixNQUFNLE9BQU8sbUJBQW1CO0lBQzlCLElBQUksR0FBRyxLQUFLLDBEQUFZLENBQUM7SUFDekIsT0FBTyxHQUFHLEtBQUssQ0FBb0IsU0FBUyxtREFBQyxDQUFDO0lBQzlDLElBQUksR0FBRyxLQUFLLENBQWlCLFFBQVEsZ0RBQUMsQ0FBQztJQUN2QyxJQUFJLEdBQUcsS0FBSyxDQUFpQixRQUFRLGdEQUFDLENBQUM7SUFDdkMsTUFBTSxHQUFHLEtBQUssQ0FBZ0IsSUFBSSxrREFBQyxDQUFDO0lBQ3BDLFFBQVEsR0FBRyxLQUFLLENBQUMsS0FBSyxvREFBQyxDQUFDO0lBQ3hCLE9BQU8sR0FBRyxLQUFLLENBQUMsS0FBSyxtREFBQyxDQUFDO0lBRXZCLE9BQU8sR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsZ0JBQWdCLElBQUksQ0FBQyxPQUFPLEVBQUUsc0JBQXNCLElBQUksQ0FBQyxJQUFJLEVBQUUsRUFBRSxtREFBQyxDQUFDO0lBRTVGLDBGQUEwRjtJQUMxRiw0REFBNEQ7SUFDNUQsa0dBQWtHO0lBQ2xHLGlFQUFpRTtJQUNqRSxhQUFhLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyx5REFBQyxDQUFDO0lBRXBFOztPQUVHO0lBQ0gsT0FBTyxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxtREFBQyxDQUFDO3VHQXBCN0IsbUJBQW1COzJGQUFuQixtQkFBbUIsa2pDQXRCcEI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBb0JULG1qSUFyQlMsaUJBQWlCLGtHQUFFLG9CQUFvQiw2RkFBRSxlQUFlOzsyRkF1QnZELG1CQUFtQjtrQkFqQy9CLFNBQVM7K0JBQ0UsYUFBYSxpQkFDUixpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNLFFBRXpDO3dCQUNKLFNBQVMsRUFBRSxXQUFXO3dCQUN0QiwrQkFBK0IsRUFBRSxZQUFZO3dCQUM3Qyx3QkFBd0IsRUFBRSxpQkFBaUI7cUJBQzVDLFdBQ1EsQ0FBQyxpQkFBaUIsRUFBRSxvQkFBb0IsRUFBRSxlQUFlLENBQUMsWUFDekQ7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBb0JUIiwic291cmNlc0NvbnRlbnQiOlsiLy8jcmVnaW9uIExpY2Vuc2Vcbi8qKlxuICogQGxpY2Vuc2VcbiAqIENvcHlyaWdodCAyMDIwIEVuZXJnaW5ldCBEYXRhSHViIEEvU1xuICpcbiAqIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2UyXCIpO1xuICogeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8vI2VuZHJlZ2lvblxuaW1wb3J0IHtcbiAgaW5wdXQsXG4gIGNvbXB1dGVkLFxuICBDb21wb25lbnQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXRCdXR0b25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24nO1xuaW1wb3J0IHsgV2F0dFNwaW5uZXJDb21wb25lbnQgfSBmcm9tICdAZW5lcmdpbmV0L3dhdHQvc3Bpbm5lcic7XG5pbXBvcnQgeyBXYXR0SWNvbiwgV2F0dEljb25Db21wb25lbnQgfSBmcm9tICdAZW5lcmdpbmV0L3dhdHQvaWNvbic7XG5cbmV4cG9ydCBjb25zdCBXYXR0QnV0dG9uVHlwZXMgPSBbJ3ByaW1hcnknLCAnc2Vjb25kYXJ5JywgJ3RleHQnLCAnaWNvbiddIGFzIGNvbnN0O1xuZXhwb3J0IHR5cGUgV2F0dEJ1dHRvblZhcmlhbnQgPSAodHlwZW9mIFdhdHRCdXR0b25UeXBlcylbbnVtYmVyXTtcbmV4cG9ydCB0eXBlIFdhdHRCdXR0b25UeXBlID0gJ2J1dHRvbicgfCAncmVzZXQnIHwgJ3N1Ym1pdCc7XG5leHBvcnQgdHlwZSBXYXR0QnV0dG9uU2l6ZSA9ICdzbWFsbCcgfCAnbWVkaXVtJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnd2F0dC1idXR0b24nLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3R5bGVVcmxzOiBbJy4vd2F0dC1idXR0b24uY29tcG9uZW50LnNjc3MnXSxcbiAgaG9zdDoge1xuICAgICdbY2xhc3NdJzogJ2NsYXNzZXMoKScsXG4gICAgJ1tjbGFzcy53YXR0LWJ1dHRvbi0tZGlzYWJsZWRdJzogJ2Rpc2FibGVkKCknLFxuICAgICdbc3R5bGUucG9pbnRlci1ldmVudHNdJzogJ3BvaW50ZXJFdmVudHMoKScsXG4gIH0sXG4gIGltcG9ydHM6IFtXYXR0SWNvbkNvbXBvbmVudCwgV2F0dFNwaW5uZXJDb21wb25lbnQsIE1hdEJ1dHRvbk1vZHVsZV0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPGJ1dHRvblxuICAgICAgbWF0LWJ1dHRvblxuICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkKClcIlxuICAgICAgW3R5cGVdPVwidHlwZSgpXCJcbiAgICAgIFtjb2xvcl09XCJ2YXJpYW50KClcIlxuICAgICAgW2F0dHIuZm9ybV09XCJ0eXBlKCkgPT09ICdzdWJtaXQnID8gZm9ybUlkKCkgOiBudWxsXCJcbiAgICA+XG4gICAgICBAaWYgKGxvYWRpbmcoKSkge1xuICAgICAgICA8d2F0dC1zcGlubmVyIFtkaWFtZXRlcl09XCIxOFwiIC8+XG4gICAgICB9XG4gICAgICA8ZGl2IFtjbGFzcy5jb250ZW50LXdyYXBwZXJdPVwiIWxvYWRpbmcoKVwiIFtjbGFzcy5jb250ZW50LXdyYXBwZXItLWxvYWRpbmddPVwibG9hZGluZygpXCI+XG4gICAgICAgIEBpZiAoaGFzSWNvbigpKSB7XG4gICAgICAgICAgPHdhdHQtaWNvbiBbbmFtZV09XCJpY29uKClcIiAvPlxuICAgICAgICB9XG4gICAgICAgIEBpZiAodmFyaWFudCgpICE9PSAnaWNvbicpIHtcbiAgICAgICAgICA8bmctY29udGVudCAvPlxuICAgICAgICB9XG4gICAgICA8L2Rpdj5cbiAgICA8L2J1dHRvbj5cbiAgYCxcbn0pXG5leHBvcnQgY2xhc3MgV2F0dEJ1dHRvbkNvbXBvbmVudCB7XG4gIGljb24gPSBpbnB1dDxXYXR0SWNvbj4oKTtcbiAgdmFyaWFudCA9IGlucHV0PFdhdHRCdXR0b25WYXJpYW50PigncHJpbWFyeScpO1xuICBzaXplID0gaW5wdXQ8V2F0dEJ1dHRvblNpemU+KCdtZWRpdW0nKTtcbiAgdHlwZSA9IGlucHV0PFdhdHRCdXR0b25UeXBlPignYnV0dG9uJyk7XG4gIGZvcm1JZCA9IGlucHV0PHN0cmluZyB8IG51bGw+KG51bGwpO1xuICBkaXNhYmxlZCA9IGlucHV0KGZhbHNlKTtcbiAgbG9hZGluZyA9IGlucHV0KGZhbHNlKTtcblxuICBjbGFzc2VzID0gY29tcHV0ZWQoKCkgPT4gYHdhdHQtYnV0dG9uLS0ke3RoaXMudmFyaWFudCgpfSB3YXR0LWJ1dHRvbi1zaXplLS0ke3RoaXMuc2l6ZSgpfWApO1xuXG4gIC8vIFByZXZlbnRzIGVtaXR0aW5nIGEgY2xpY2sgZXZlbnQgaW4gQ2hyb21lL0VkZ2UvU2FmYXJpIHdoZW4gYSBkaXNhYmxlZCBidXR0b24gaXMgY2xpY2tlZFxuICAvLyBXZWJLaXQgYnVnOiBodHRwczovL2J1Z3Mud2Via2l0Lm9yZy9zaG93X2J1Zy5jZ2k/aWQ9ODkwNDFcbiAgLy8gTm90ZTogVGhpcyBzb2x1dGlvbiBpcyBwcmVmZXJyZWQgKGluIHRoaXMgcGFydGljdWxhciBjYXNlKSBvdmVyIGFkZGluZyBzdHlsaW5nIHRvIHRoZSBTY3NzIGZpbGVcbiAgLy8gYmVjYXVzZSB0aGUgcHJlc2VuY2Ugb2YgaW5saW5lIHN0eWxlcyBjYW4gYmUgdGVzdGVkIHdpdGggSmVzdC5cbiAgcG9pbnRlckV2ZW50cyA9IGNvbXB1dGVkKCgpID0+ICh0aGlzLmRpc2FibGVkKCkgPyAnbm9uZScgOiAnYXV0bycpKTtcblxuICAvKipcbiAgICogQGlnbm9yZVxuICAgKi9cbiAgaGFzSWNvbiA9IGNvbXB1dGVkKCgpID0+ICEhdGhpcy5pY29uKCkpO1xufVxuIl19

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.1.3", ngImport: i0, type: WattCardTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", 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.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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattCardTitleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", 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.component.js

@@ -25,11 +25,11 @@ import * as i0 from "@angular/core";
  * `import { WattCardComponent } from '@energinet-datahub/watt/card';`
  */
 export class WattCardComponent {
-    variant = input('elevation', ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    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.1.3", ngImport: i0, type: WattCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", 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.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: `
     <ng-content select="watt-card-title" />
 
     <ng-content />
@@ -39,9 +39,9 @@ export class WattCardComponent {
         <watt-spinner />
       </div>
     }
-  `, isInline: true, styles: [":host{border-radius:4px;display:block;padding:calc(1.5 * 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 });
+  `, 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.1.3", ngImport: i0, type: WattCardComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattCardComponent, decorators: [{
             type: Component,
             args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'watt-card', template: `
     <ng-content select="watt-card-title" />
@@ -55,7 +55,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
     }
   `, imports: [WattSpinnerComponent], host: {
                         '[class]': 'cardVariant()',
-                    }, styles: [":host{border-radius:4px;display:block;padding:calc(1.5 * 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"] }]
-        }] });
+                    }, 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"] }]
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }] } });
 export const WATT_CARD = [WattCardComponent, WattCardTitleComponent];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2F0dC1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvd2F0dC9wYWNrYWdlL2NhcmQvd2F0dC1jYXJkLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpQkFBaUI7QUFDakI7Ozs7Ozs7Ozs7Ozs7OztHQWVHO0FBQ0gsWUFBWTtBQUNaLE9BQU8sRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVwRixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNyRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7QUFFL0Q7OztHQUdHO0FBcURILE1BQU0sT0FBTyxpQkFBaUI7SUFDNUIsT0FBTyxHQUFHLEtBQUssQ0FBb0IsV0FBVyxtREFBQyxDQUFDO0lBQ2hELE9BQU8sR0FBRyxLQUFLLENBQVUsS0FBSyxtREFBQyxDQUFDO0lBQ2hDLFdBQVcsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsa0JBQWtCLElBQUksQ0FBQyxPQUFPLEVBQUUsRUFBRSx1REFBQyxDQUFDO3VHQUh0RCxpQkFBaUI7MkZBQWpCLGlCQUFpQixpWUFoQmxCOzs7Ozs7Ozs7O0dBVVQsc2hCQUNTLG9CQUFvQjs7MkZBS25CLGlCQUFpQjtrQkFwRDdCLFNBQVM7c0NBQ1MsdUJBQXVCLENBQUMsTUFBTSxZQUNyQyxXQUFXLFlBa0NYOzs7Ozs7Ozs7O0dBVVQsV0FDUSxDQUFDLG9CQUFvQixDQUFDLFFBQ3pCO3dCQUNKLFNBQVMsRUFBRSxlQUFlO3FCQUMzQjs7QUFTSCxNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsQ0FBQyxpQkFBaUIsRUFBRSxzQkFBc0IsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLy8jcmVnaW9uIExpY2Vuc2Vcbi8qKlxuICogQGxpY2Vuc2VcbiAqIENvcHlyaWdodCAyMDIwIEVuZXJnaW5ldCBEYXRhSHViIEEvU1xuICpcbiAqIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2UyXCIpO1xuICogeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8vI2VuZHJlZ2lvblxuaW1wb3J0IHsgaW5wdXQsIGNvbXB1dGVkLCBDb21wb25lbnQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IFdhdHRDYXJkVGl0bGVDb21wb25lbnQgfSBmcm9tICcuL3dhdHQtY2FyZC10aXRsZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgV2F0dFNwaW5uZXJDb21wb25lbnQgfSBmcm9tICdAZW5lcmdpbmV0L3dhdHQvc3Bpbm5lcic7XG5cbi8qKlxuICogVXNhZ2U6XG4gKiBgaW1wb3J0IHsgV2F0dENhcmRDb21wb25lbnQgfSBmcm9tICdAZW5lcmdpbmV0LWRhdGFodWIvd2F0dC9jYXJkJztgXG4gKi9cbkBDb21wb25lbnQoe1xuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc2VsZWN0b3I6ICd3YXR0LWNhcmQnLFxuICBzdHlsZXM6IFtcbiAgICBgXG4gICAgICA6aG9zdCB7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIHBhZGRpbmc6IGNhbGMoMS41ICogdmFyKC0td2F0dC1zcGFjZS1tKSk7IC8qIDI0cHggKi9cbiAgICAgICAgYmFja2dyb3VuZDogdmFyKC0tYmctY2FyZCk7XG4gICAgICB9XG5cbiAgICAgIDpob3N0LndhdHQtc29saWQge1xuICAgICAgICBib3JkZXI6IDFweCBzb2xpZCB2YXIoLS13YXR0LWNvbG9yLW5ldXRyYWwtZ3JleS0zMDApO1xuICAgICAgfVxuXG4gICAgICA6aG9zdC53YXR0LWZpbGwge1xuICAgICAgICBib3JkZXI6IDFweCBzb2xpZCB2YXIoLS13YXR0LWNvbG9yLW5ldXRyYWwtZ3JleS0xMDApO1xuICAgICAgICBiYWNrZ3JvdW5kOiB2YXIoLS13YXR0LWNvbG9yLW5ldXRyYWwtZ3JleS0xMDApO1xuICAgICAgfVxuXG4gICAgICAud2F0dC1jYXJkX19zcGlubmVyIHtcbiAgICAgICAgei1pbmRleDogMTtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICB0b3A6IDA7XG4gICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICBib3R0b206IDA7XG4gICAgICAgIGxlZnQ6IDA7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS13YXR0LWNvbG9yLW5ldXRyYWwtd2hpdGUpO1xuICAgICAgICBvcGFjaXR5OiAwLjU7XG4gICAgICB9XG4gICAgYCxcbiAgXSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJ3YXR0LWNhcmQtdGl0bGVcIiAvPlxuXG4gICAgPG5nLWNvbnRlbnQgLz5cblxuICAgIEBpZiAobG9hZGluZygpKSB7XG4gICAgICA8ZGl2IGNsYXNzPVwid2F0dC1jYXJkX19zcGlubmVyXCI+XG4gICAgICAgIDx3YXR0LXNwaW5uZXIgLz5cbiAgICAgIDwvZGl2PlxuICAgIH1cbiAgYCxcbiAgaW1wb3J0czogW1dhdHRTcGlubmVyQ29tcG9uZW50XSxcbiAgaG9zdDoge1xuICAgICdbY2xhc3NdJzogJ2NhcmRWYXJpYW50KCknLFxuICB9LFxufSlcbmV4cG9ydCBjbGFzcyBXYXR0Q2FyZENvbXBvbmVudCB7XG4gIHZhcmlhbnQgPSBpbnB1dDxXQVRUX0NBUkRfVkFSSUFOVD4oJ2VsZXZhdGlvbicpO1xuICBsb2FkaW5nID0gaW5wdXQ8Ym9vbGVhbj4oZmFsc2UpO1xuICBjYXJkVmFyaWFudCA9IGNvbXB1dGVkKCgpID0+IGB3YXR0LWNhcmQgd2F0dC0ke3RoaXMudmFyaWFudCgpfWApO1xufVxuXG5leHBvcnQgdHlwZSBXQVRUX0NBUkRfVkFSSUFOVCA9ICdzb2xpZCcgfCAnZWxldmF0aW9uJyB8ICdmaWxsJztcbmV4cG9ydCBjb25zdCBXQVRUX0NBUkQgPSBbV2F0dENhcmRDb21wb25lbnQsIFdhdHRDYXJkVGl0bGVDb21wb25lbnRdO1xuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2F0dC1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvd2F0dC9wYWNrYWdlL2NhcmQvd2F0dC1jYXJkLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpQkFBaUI7QUFDakI7Ozs7Ozs7Ozs7Ozs7OztHQWVHO0FBQ0gsWUFBWTtBQUNaLE9BQU8sRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVwRixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNyRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7QUFFL0Q7OztHQUdHO0FBcURILE1BQU0sT0FBTyxpQkFBaUI7SUFDNUIsT0FBTyxHQUFHLEtBQUssQ0FBb0IsT0FBTyxtREFBQyxDQUFDO0lBQzVDLE9BQU8sR0FBRyxLQUFLLENBQVUsS0FBSyxtREFBQyxDQUFDO0lBQ2hDLFdBQVcsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsa0JBQWtCLElBQUksQ0FBQyxPQUFPLEVBQUUsRUFBRSx1REFBQyxDQUFDO3VHQUh0RCxpQkFBaUI7MkZBQWpCLGlCQUFpQixpWUFoQmxCOzs7Ozs7Ozs7O0dBVVQsMmhCQUNTLG9CQUFvQjs7MkZBS25CLGlCQUFpQjtrQkFwRDdCLFNBQVM7c0NBQ1MsdUJBQXVCLENBQUMsTUFBTSxZQUNyQyxXQUFXLFlBa0NYOzs7Ozs7Ozs7O0dBVVQsV0FDUSxDQUFDLG9CQUFvQixDQUFDLFFBQ3pCO3dCQUNKLFNBQVMsRUFBRSxlQUFlO3FCQUMzQjs7QUFTSCxNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsQ0FBQyxpQkFBaUIsRUFBRSxzQkFBc0IsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLy8jcmVnaW9uIExpY2Vuc2Vcbi8qKlxuICogQGxpY2Vuc2VcbiAqIENvcHlyaWdodCAyMDIwIEVuZXJnaW5ldCBEYXRhSHViIEEvU1xuICpcbiAqIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2UyXCIpO1xuICogeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8vI2VuZHJlZ2lvblxuaW1wb3J0IHsgaW5wdXQsIGNvbXB1dGVkLCBDb21wb25lbnQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IFdhdHRDYXJkVGl0bGVDb21wb25lbnQgfSBmcm9tICcuL3dhdHQtY2FyZC10aXRsZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgV2F0dFNwaW5uZXJDb21wb25lbnQgfSBmcm9tICdAZW5lcmdpbmV0L3dhdHQvc3Bpbm5lcic7XG5cbi8qKlxuICogVXNhZ2U6XG4gKiBgaW1wb3J0IHsgV2F0dENhcmRDb21wb25lbnQgfSBmcm9tICdAZW5lcmdpbmV0LWRhdGFodWIvd2F0dC9jYXJkJztgXG4gKi9cbkBDb21wb25lbnQoe1xuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc2VsZWN0b3I6ICd3YXR0LWNhcmQnLFxuICBzdHlsZXM6IFtcbiAgICBgXG4gICAgICA6aG9zdCB7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLXdhdHQtcmFkaXVzLW0pO1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgcGFkZGluZzogdmFyKC0td2F0dC1zcGFjZS1tKTsgLyogMjRweCAqL1xuICAgICAgICBiYWNrZ3JvdW5kOiB2YXIoLS1iZy1jYXJkKTtcbiAgICAgIH1cblxuICAgICAgOmhvc3Qud2F0dC1zb2xpZCB7XG4gICAgICAgIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLXdhdHQtY29sb3ItbmV1dHJhbC1ncmV5LTMwMCk7XG4gICAgICB9XG5cbiAgICAgIDpob3N0LndhdHQtZmlsbCB7XG4gICAgICAgIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLXdhdHQtY29sb3ItbmV1dHJhbC1ncmV5LTEwMCk7XG4gICAgICAgIGJhY2tncm91bmQ6IHZhcigtLXdhdHQtY29sb3ItbmV1dHJhbC1ncmV5LTEwMCk7XG4gICAgICB9XG5cbiAgICAgIC53YXR0LWNhcmRfX3NwaW5uZXIge1xuICAgICAgICB6LWluZGV4OiAxO1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIHRvcDogMDtcbiAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgbGVmdDogMDtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXdhdHQtY29sb3ItbmV1dHJhbC13aGl0ZSk7XG4gICAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICAgIH1cbiAgICBgLFxuICBdLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIndhdHQtY2FyZC10aXRsZVwiIC8+XG5cbiAgICA8bmctY29udGVudCAvPlxuXG4gICAgQGlmIChsb2FkaW5nKCkpIHtcbiAgICAgIDxkaXYgY2xhc3M9XCJ3YXR0LWNhcmRfX3NwaW5uZXJcIj5cbiAgICAgICAgPHdhdHQtc3Bpbm5lciAvPlxuICAgICAgPC9kaXY+XG4gICAgfVxuICBgLFxuICBpbXBvcnRzOiBbV2F0dFNwaW5uZXJDb21wb25lbnRdLFxuICBob3N0OiB7XG4gICAgJ1tjbGFzc10nOiAnY2FyZFZhcmlhbnQoKScsXG4gIH0sXG59KVxuZXhwb3J0IGNsYXNzIFdhdHRDYXJkQ29tcG9uZW50IHtcbiAgdmFyaWFudCA9IGlucHV0PFdBVFRfQ0FSRF9WQVJJQU5UPignc29saWQnKTtcbiAgbG9hZGluZyA9IGlucHV0PGJvb2xlYW4+KGZhbHNlKTtcbiAgY2FyZFZhcmlhbnQgPSBjb21wdXRlZCgoKSA9PiBgd2F0dC1jYXJkIHdhdHQtJHt0aGlzLnZhcmlhbnQoKX1gKTtcbn1cblxuZXhwb3J0IHR5cGUgV0FUVF9DQVJEX1ZBUklBTlQgPSAnc29saWQnIHwgJ2VsZXZhdGlvbicgfCAnZmlsbCc7XG5leHBvcnQgY29uc3QgV0FUVF9DQVJEID0gW1dhdHRDYXJkQ29tcG9uZW50LCBXYXR0Q2FyZFRpdGxlQ29tcG9uZW50XTtcbiJdfQ==

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.1.3", ngImport: i0, type: WattCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.3", 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.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: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => WattCheckboxComponent),
@@ -66,7 +66,7 @@ export class WattCheckboxComponent {
     <ng-content />
   </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-400);--watt-checkbox-color: 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-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;box-shadow:inset 1em 1em 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.watt-checkbox--indeterminate input:before{clip-path:polygon(29% 44%,76.5% 44%,76.5% 56.25%,29% 56.25%);transform:scale(1)}watt-checkbox.watt-checkbox--indeterminate.ng-dirty.ng-invalid input:before{background-color:var(--watt-checkbox-error-color)}watt-checkbox input:checked:before{transform:scale(1)}watt-checkbox input:checked,watt-checkbox.watt-checkbox--indeterminate input{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.1.3", ngImport: i0, type: WattCheckboxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattCheckboxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'watt-checkbox', encapsulation: ViewEncapsulation.None, providers: [
                         {
@@ -88,5 +88,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
     />
     <ng-content />
   </label>`, 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-400);--watt-checkbox-color: 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-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;box-shadow:inset 1em 1em 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.watt-checkbox--indeterminate input:before{clip-path:polygon(29% 44%,76.5% 44%,76.5% 56.25%,29% 56.25%);transform:scale(1)}watt-checkbox.watt-checkbox--indeterminate.ng-dirty.ng-invalid input:before{background-color:var(--watt-checkbox-error-color)}watt-checkbox input:checked:before{transform:scale(1)}watt-checkbox input:checked,watt-checkbox.watt-checkbox--indeterminate input{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"] }]
-        }] });
+        }], propDecorators: { required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }] } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2F0dC1jaGVja2JveC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL3dhdHQvcGFja2FnZS9jaGVja2JveC93YXR0LWNoZWNrYm94LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpQkFBaUI7QUFDakI7Ozs7Ozs7Ozs7Ozs7OztHQWVHO0FBQ0gsWUFBWTtBQUNaLE9BQU8sRUFDTCxLQUFLLEVBQ0wsTUFBTSxFQUNOLE1BQU0sRUFDTixTQUFTLEVBQ1QsVUFBVSxFQUNWLFVBQVUsRUFDVixpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUF3QixpQkFBaUIsRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7O0FBOEJ0RixNQUFNLE9BQU8scUJBQXFCO0lBQ3hCLE9BQU8sR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUM7SUFFckMsT0FBTyxHQUFtQixJQUFJLENBQUM7SUFFL0IsVUFBVSxHQUFHLE1BQU0sQ0FBQyxLQUFLLHNEQUFDLENBQUM7SUFDM0IsYUFBYSxHQUFHLE1BQU0sQ0FBQyxLQUFLLHlEQUFDLENBQUM7SUFDOUIsUUFBUSxHQUFHLEtBQUssQ0FBQyxLQUFLLG9EQUFDLENBQUM7SUFFeEIsUUFBUSxHQUE2QixHQUFHLEVBQUU7UUFDeEMsRUFBRTtJQUNKLENBQUMsQ0FBQztJQUVGLGdCQUFnQixDQUFDLEVBQTRCO1FBQzNDLElBQUksQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxFQUE0QjtRQUM1QyxJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxnQkFBZ0IsQ0FBQyxVQUFVLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFDOUQsQ0FBQztJQUVELFVBQVUsQ0FBQyxPQUF1QjtRQUNoQyxJQUFJLENBQUMsYUFBYSxDQUFDLEdBQUcsQ0FBQyxPQUFPLEtBQUssSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3hELElBQUksQ0FBQyxPQUFPLEdBQUcsT0FBTyxDQUFDO0lBQ3pCLENBQUM7SUFFRCxhQUFhLENBQUMsQ0FBVTtRQUN0QixJQUFJLENBQUMsYUFBYSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUM5QixJQUFJLENBQUMsT0FBTyxHQUFHLENBQUMsQ0FBQztRQUNqQixJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ25CLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxVQUFtQjtRQUNsQyxJQUFJLENBQUMsVUFBVSxDQUFDLEdBQUcsQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUNsQyxDQUFDO3VHQWxDVSxxQkFBcUI7MkZBQXJCLHFCQUFxQiw2VUF4QnJCO1lBQ1Q7Z0JBQ0UsT0FBTyxFQUFFLGlCQUFpQjtnQkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxxQkFBcUIsQ0FBQztnQkFDcEQsS0FBSyxFQUFFLElBQUk7YUFDWjtTQUNGLDBCQU1TOzs7Ozs7Ozs7O1dBVUQsNG9FQVhDLFdBQVc7OzJGQWFWLHFCQUFxQjtrQkE1QmpDLFNBQVM7K0JBQ0UsZUFBZSxpQkFDVixpQkFBaUIsQ0FBQyxJQUFJLGFBRTFCO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLHNCQUFzQixDQUFDOzRCQUNwRCxLQUFLLEVBQUUsSUFBSTt5QkFDWjtxQkFDRixRQUNLO3dCQUNKLGlDQUFpQyxFQUFFLGNBQWM7d0JBQ2pELHNDQUFzQyxFQUFFLGlCQUFpQjtxQkFDMUQsV0FDUSxDQUFDLFdBQVcsQ0FBQyxZQUNaOzs7Ozs7Ozs7O1dBVUQiLCJzb3VyY2VzQ29udGVudCI6WyIvLyNyZWdpb24gTGljZW5zZVxuLyoqXG4gKiBAbGljZW5zZVxuICogQ29weXJpZ2h0IDIwMjAgRW5lcmdpbmV0IERhdGFIdWIgQS9TXG4gKlxuICogTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZTJcIik7XG4gKiB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLy8jZW5kcmVnaW9uXG5pbXBvcnQge1xuICBpbnB1dCxcbiAgc2lnbmFsLFxuICBpbmplY3QsXG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgZm9yd2FyZFJlZixcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1IsIEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd3YXR0LWNoZWNrYm94JyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgc3R5bGVVcmxzOiBbJy4vd2F0dC1jaGVja2JveC5jb21wb25lbnQuc2NzcyddLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFdhdHRDaGVja2JveENvbXBvbmVudCksXG4gICAgICBtdWx0aTogdHJ1ZSxcbiAgICB9LFxuICBdLFxuICBob3N0OiB7XG4gICAgJ1tjbGFzcy53YXR0LWNoZWNrYm94LS1kaXNhYmxlZF0nOiAnaXNkaXNhYmxlZCgpJyxcbiAgICAnW2NsYXNzLndhdHQtY2hlY2tib3gtLWluZGV0ZXJtaW5hdGVdJzogJ2luZGV0ZXJtaW5hdGUoKScsXG4gIH0sXG4gIGltcG9ydHM6IFtGb3Jtc01vZHVsZV0sXG4gIHRlbXBsYXRlOiBgPGxhYmVsPlxuICAgIDxpbnB1dFxuICAgICAgW25nTW9kZWxdPVwiY2hlY2tlZFwiXG4gICAgICBbZGlzYWJsZWRdPVwiaXNkaXNhYmxlZCgpXCJcbiAgICAgIFtpbmRldGVybWluYXRlXT1cImluZGV0ZXJtaW5hdGUoKVwiXG4gICAgICBbcmVxdWlyZWRdPVwicmVxdWlyZWQoKVwiXG4gICAgICAobmdNb2RlbENoYW5nZSk9XCJvbk1vZGVsQ2hhbmdlKCRldmVudClcIlxuICAgICAgdHlwZT1cImNoZWNrYm94XCJcbiAgICAvPlxuICAgIDxuZy1jb250ZW50IC8+XG4gIDwvbGFiZWw+YCxcbn0pXG5leHBvcnQgY2xhc3MgV2F0dENoZWNrYm94Q29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xuICBwcml2YXRlIGVsZW1lbnQgPSBpbmplY3QoRWxlbWVudFJlZik7XG5cbiAgY2hlY2tlZDogYm9vbGVhbiB8IG51bGwgPSBudWxsO1xuXG4gIGlzZGlzYWJsZWQgPSBzaWduYWwoZmFsc2UpO1xuICBpbmRldGVybWluYXRlID0gc2lnbmFsKGZhbHNlKTtcbiAgcmVxdWlyZWQgPSBpbnB1dChmYWxzZSk7XG5cbiAgb25DaGFuZ2U6ICh2YWx1ZTogYm9vbGVhbikgPT4gdm9pZCA9ICgpID0+IHtcbiAgICAvL1xuICB9O1xuXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46ICh2YWx1ZTogYm9vbGVhbikgPT4gdm9pZCk6IHZvaWQge1xuICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcbiAgfVxuXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiAodmFsdWU6IGJvb2xlYW4pID0+IHZvaWQpOiB2b2lkIHtcbiAgICB0aGlzLmVsZW1lbnQubmF0aXZlRWxlbWVudC5hZGRFdmVudExpc3RlbmVyKCdmb2N1c291dCcsIGZuKTtcbiAgfVxuXG4gIHdyaXRlVmFsdWUoY2hlY2tlZDogYm9vbGVhbiB8IG51bGwpIHtcbiAgICB0aGlzLmluZGV0ZXJtaW5hdGUuc2V0KGNoZWNrZWQgPT09IG51bGwgPyB0cnVlIDogZmFsc2UpO1xuICAgIHRoaXMuY2hlY2tlZCA9IGNoZWNrZWQ7XG4gIH1cblxuICBvbk1vZGVsQ2hhbmdlKGU6IGJvb2xlYW4pIHtcbiAgICB0aGlzLmluZGV0ZXJtaW5hdGUuc2V0KGZhbHNlKTtcbiAgICB0aGlzLmNoZWNrZWQgPSBlO1xuICAgIHRoaXMub25DaGFuZ2UoZSk7XG4gIH1cblxuICBzZXREaXNhYmxlZFN0YXRlKGlzRGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICB0aGlzLmlzZGlzYWJsZWQuc2V0KGlzRGlzYWJsZWQpO1xuICB9XG59XG4iXX0=

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.1.3", ngImport: i0, type: WattActionChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.3", 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.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: `
     <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.1.3", ngImport: i0, type: WattActionChipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattActionChipComponent, decorators: [{
             type: Component,
             args: [{ imports: [WattChipComponent, WattIconComponent], selector: 'watt-action-chip', template: `
     <watt-chip [disabled]="disabled()">
@@ -64,5 +64,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
       />
     </watt-chip>
   `, styles: [":host{display:block}.disabled{color:var(--watt-on-light-low-emphasis)}\n"] }]
-        }] });
+        }], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: true }] }], action: [{ type: i0.Output, args: ["action"] }] } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2F0dC1hY3Rpb24tY2hpcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL3dhdHQvcGFja2FnZS9jaGlwL3dhdHQtYWN0aW9uLWNoaXAuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGlCQUFpQjtBQUNqQjs7Ozs7Ozs7Ozs7Ozs7O0dBZUc7QUFDSCxZQUFZO0FBQ1osT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXpELE9BQU8sRUFBWSxpQkFBaUIsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ25FLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDOztBQW1DMUQsTUFBTSxPQUFPLHVCQUF1QjtJQUNsQyxRQUFRLEdBQUcsS0FBSyxDQUFDLEtBQUssb0RBQUMsQ0FBQztJQUN4QixJQUFJLEdBQUcsS0FBSyxDQUFDLFFBQVEsK0NBQVksQ0FBQztJQUNsQyxNQUFNLEdBQUcsTUFBTSxFQUFRLENBQUM7dUdBSGIsdUJBQXVCOzJGQUF2Qix1QkFBdUIsNFdBbkJ4Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FpQlQsa0pBOUJTLGlCQUFpQixvR0FBRSxpQkFBaUI7OzJGQWdDbkMsdUJBQXVCO2tCQWpDbkMsU0FBUzs4QkFDQyxDQUFDLGlCQUFpQixFQUFFLGlCQUFpQixDQUFDLFlBQ3JDLGtCQUFrQixZQVlsQjs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FpQlQiLCJzb3VyY2VzQ29udGVudCI6WyIvLyNyZWdpb24gTGljZW5zZVxuLyoqXG4gKiBAbGljZW5zZVxuICogQ29weXJpZ2h0IDIwMjAgRW5lcmdpbmV0IERhdGFIdWIgQS9TXG4gKlxuICogTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZTJcIik7XG4gKiB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLy8jZW5kcmVnaW9uXG5pbXBvcnQgeyBDb21wb25lbnQsIGlucHV0LCBvdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgV2F0dEljb24sIFdhdHRJY29uQ29tcG9uZW50IH0gZnJvbSAnQGVuZXJnaW5ldC93YXR0L2ljb24nO1xuaW1wb3J0IHsgV2F0dENoaXBDb21wb25lbnQgfSBmcm9tICcuL3dhdHQtY2hpcC5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgaW1wb3J0czogW1dhdHRDaGlwQ29tcG9uZW50LCBXYXR0SWNvbkNvbXBvbmVudF0sXG4gIHNlbGVjdG9yOiAnd2F0dC1hY3Rpb24tY2hpcCcsXG4gIHN0eWxlczogW1xuICAgIGBcbiAgICAgIDpob3N0IHtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICB9XG5cbiAgICAgIC5kaXNhYmxlZCB7XG4gICAgICAgIGNvbG9yOiB2YXIoLS13YXR0LW9uLWxpZ2h0LWxvdy1lbXBoYXNpcyk7XG4gICAgICB9XG4gICAgYCxcbiAgXSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8d2F0dC1jaGlwIFtkaXNhYmxlZF09XCJkaXNhYmxlZCgpXCI+XG4gICAgICA8YnV0dG9uXG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICBjbGFzcz1cImNkay12aXN1YWxseS1oaWRkZW5cIlxuICAgICAgICAoY2xpY2spPVwiJGV2ZW50LnN0b3BJbW1lZGlhdGVQcm9wYWdhdGlvbigpOyBhY3Rpb24uZW1pdCgpXCJcbiAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkKClcIlxuICAgICAgPjwvYnV0dG9uPlxuICAgICAgPG5nLWNvbnRlbnQgLz5cbiAgICAgIDx3YXR0LWljb25cbiAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICBbbmFtZV09XCJpY29uKClcIlxuICAgICAgICBjbGFzcz1cIm1lbnUtaWNvblwiXG4gICAgICAgIFthdHRyLmFyaWEtaGlkZGVuXT1cInRydWVcIlxuICAgICAgICBbY2xhc3MuZGlzYWJsZWRdPVwiZGlzYWJsZWQoKVwiXG4gICAgICAvPlxuICAgIDwvd2F0dC1jaGlwPlxuICBgLFxufSlcbmV4cG9ydCBjbGFzcyBXYXR0QWN0aW9uQ2hpcENvbXBvbmVudCB7XG4gIGRpc2FibGVkID0gaW5wdXQoZmFsc2UpO1xuICBpY29uID0gaW5wdXQucmVxdWlyZWQ8V2F0dEljb24+KCk7XG4gIGFjdGlvbiA9IG91dHB1dDx2b2lkPigpO1xufVxuIl19

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.1.3", ngImport: i0, type: WattChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", 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.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: `
     <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),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}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.1.3", ngImport: i0, type: WattChipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattChipComponent, decorators: [{
             type: Component,
             args: [{ imports: [WattIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, selector: 'watt-chip', template: `
     <label
@@ -51,5 +51,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
       <ng-content />
     </label>
   `, 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),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}label .selected-icon{margin-right:var(--watt-space-s)}\n"] }]
-        }] });
+        }], propDecorators: { selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }] } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2F0dC1jaGlwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvd2F0dC9wYWNrYWdlL2NoaXAvd2F0dC1jaGlwLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpQkFBaUI7QUFDakI7Ozs7Ozs7Ozs7Ozs7OztHQWVHO0FBQ0gsWUFBWTtBQUNaLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTFFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHNCQUFzQixDQUFDOztBQW9CekQsTUFBTSxPQUFPLGlCQUFpQjtJQUM1QixRQUFRLEdBQUcsS0FBSyxDQUFDLEtBQUssb0RBQUMsQ0FBQztJQUN4QixRQUFRLEdBQUcsS0FBSyxDQUFDLEtBQUssb0RBQUMsQ0FBQztJQUN4QixRQUFRLEdBQUcsS0FBSyxDQUFDLEtBQUssb0RBQUMsQ0FBQzt1R0FIYixpQkFBaUI7MkZBQWpCLGlCQUFpQixvZEFibEI7Ozs7Ozs7Ozs7O0dBV1QsaXRDQWZTLGlCQUFpQjs7MkZBaUJoQixpQkFBaUI7a0JBbEI3QixTQUFTOzhCQUNDLENBQUMsaUJBQWlCLENBQUMsbUJBQ1gsdUJBQXVCLENBQUMsTUFBTSxZQUNyQyxXQUFXLFlBRVg7Ozs7Ozs7Ozs7O0dBV1QiLCJzb3VyY2VzQ29udGVudCI6WyIvLyNyZWdpb24gTGljZW5zZVxuLyoqXG4gKiBAbGljZW5zZVxuICogQ29weXJpZ2h0IDIwMjAgRW5lcmdpbmV0IERhdGFIdWIgQS9TXG4gKlxuICogTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZTJcIik7XG4gKiB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLy8jZW5kcmVnaW9uXG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBpbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBXYXR0SWNvbkNvbXBvbmVudCB9IGZyb20gJ0BlbmVyZ2luZXQvd2F0dC9pY29uJztcblxuQENvbXBvbmVudCh7XG4gIGltcG9ydHM6IFtXYXR0SWNvbkNvbXBvbmVudF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzZWxlY3RvcjogJ3dhdHQtY2hpcCcsXG4gIHN0eWxlVXJsczogWycuL3dhdHQtY2hpcC5jb21wb25lbnQuc2NzcyddLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxsYWJlbFxuICAgICAgW2NsYXNzLnNlbGVjdGVkXT1cInNlbGVjdGVkKClcIlxuICAgICAgW2NsYXNzLmRpc2FibGVkXT1cImRpc2FibGVkKClcIlxuICAgICAgW2NsYXNzLnJlYWQtb25seV09XCJyZWFkb25seSgpXCJcbiAgICA+XG4gICAgICBAaWYgKHNlbGVjdGVkKCkpIHtcbiAgICAgICAgPHdhdHQtaWNvbiBjbGFzcz1cInNlbGVjdGVkLWljb25cIiBuYW1lPVwiY2hlY2ttYXJrXCIgc2l6ZT1cInNcIiBbYXR0ci5hcmlhLWhpZGRlbl09XCJ0cnVlXCIgLz5cbiAgICAgIH1cbiAgICAgIDxuZy1jb250ZW50IC8+XG4gICAgPC9sYWJlbD5cbiAgYCxcbn0pXG5leHBvcnQgY2xhc3MgV2F0dENoaXBDb21wb25lbnQge1xuICBzZWxlY3RlZCA9IGlucHV0KGZhbHNlKTtcbiAgZGlzYWJsZWQgPSBpbnB1dChmYWxzZSk7XG4gIHJlYWRvbmx5ID0gaW5wdXQoZmFsc2UpO1xufVxuIl19

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.1.3", ngImport: i0, type: WattFormChipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.3", 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.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: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => WattFormChipDirective),
@@ -68,7 +68,7 @@ export class WattFormChipDirective {
             },
         ], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattFormChipDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: WattFormChipDirective, decorators: [{
             type: Directive,
             args: [{
                     providers: [