@energinet/watt 2.1.3 → 2.1.4

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

@@ -11,6 +11,7 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
+@use "@angular/material" as mat;
 @use "../../utils" as watt;
 
 // The following selectors are taken from Material
@@ -19,8 +20,13 @@
   margin-top: -10px;
 }
 
-.mat-calendar-body-in-range {
-  --mat-datepicker-calendar-date-in-range-state-background-color: var(--watt-color-primary-light);
+:root {
+  @include mat.datepicker-overrides(
+    (
+      calendar-date-in-range-state-background-color: var(--watt-color-primary-light),
+      calendar-date-hover-state-background-color: var(--watt-color-primary),
+    )
+  );
 }
 
 .mat-calendar-body-today:not(.mat-calendar-body-selected):not(

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

@@ -23,18 +23,18 @@ import * as i0 from "@angular/core";
  * `import { WattBadgeComponent } from '@energinet-datahub/watt/badge';`
  */
 export class WattBadgeComponent {
-    type = input('info');
-    size = input('normal');
-    badgeType = computed(() => `watt-badge-${this.type()}`);
-    isLarge = computed(() => this.size() === 'large');
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: WattBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.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"] });
+    type = input('info', ...(ngDevMode ? [{ debugName: "type" }] : []));
+    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"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: WattBadgeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", 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"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2F0dC1iYWRnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL3dhdHQvcGFja2FnZS9iYWRnZS93YXR0LWJhZGdlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpQkFBaUI7QUFDakI7Ozs7Ozs7Ozs7Ozs7OztHQWVHO0FBQ0gsWUFBWTtBQUNaLE9BQU8sRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFhM0Q7OztHQUdHO0FBVUgsTUFBTSxPQUFPLGtCQUFrQjtJQUM3QixJQUFJLEdBQUcsS0FBSyxDQUFnQixNQUFNLENBQUMsQ0FBQztJQUNwQyxJQUFJLEdBQUcsS0FBSyxDQUFnQixRQUFRLENBQUMsQ0FBQztJQUN0QyxTQUFTLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLGNBQWMsSUFBSSxDQUFDLElBQUksRUFBRSxFQUFFLENBQUMsQ0FBQztJQUN4RCxPQUFPLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsS0FBSyxPQUFPLENBQUMsQ0FBQzt1R0FKdkMsa0JBQWtCOzJGQUFsQixrQkFBa0IscVpBTm5CLGdCQUFnQjs7MkZBTWYsa0JBQWtCO2tCQVQ5QixTQUFTOytCQUNFLFlBQVksWUFFWixnQkFBZ0IsUUFDcEI7d0JBQ0osU0FBUyxFQUFFLGFBQWE7d0JBQ3hCLDBCQUEwQixFQUFFLFdBQVc7cUJBQ3hDIiwic291cmNlc0NvbnRlbnQiOlsiLy8jcmVnaW9uIExpY2Vuc2Vcbi8qKlxuICogQGxpY2Vuc2VcbiAqIENvcHlyaWdodCAyMDIwIEVuZXJnaW5ldCBEYXRhSHViIEEvU1xuICpcbiAqIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2UyXCIpO1xuICogeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8vI2VuZHJlZ2lvblxuaW1wb3J0IHsgQ29tcG9uZW50LCBjb21wdXRlZCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuZXhwb3J0IHR5cGUgV2F0dEJhZGdlVHlwZSA9XG4gIHwgJ3dhcm5pbmcnXG4gIHwgJ3N1Y2Nlc3MnXG4gIHwgJ2RhbmdlcidcbiAgfCAnaW5mbydcbiAgfCAnbmV1dHJhbCdcbiAgfCAndmVyc2lvbidcbiAgfCAnc2tlbGV0b24nO1xuXG5leHBvcnQgdHlwZSBXYXR0QmFkZ2VTaXplID0gJ25vcm1hbCcgfCAnbGFyZ2UnO1xuXG4vKipcbiAqIFVzYWdlOlxuICogYGltcG9ydCB7IFdhdHRCYWRnZUNvbXBvbmVudCB9IGZyb20gJ0BlbmVyZ2luZXQtZGF0YWh1Yi93YXR0L2JhZGdlJztgXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3dhdHQtYmFkZ2UnLFxuICBzdHlsZVVybHM6IFsnLi93YXR0LWJhZGdlLmNvbXBvbmVudC5zY3NzJ10sXG4gIHRlbXBsYXRlOiAnPG5nLWNvbnRlbnQgLz4nLFxuICBob3N0OiB7XG4gICAgJ1tjbGFzc10nOiAnYmFkZ2VUeXBlKCknLFxuICAgICdbY2xhc3Mud2F0dC1iYWRnZS1sYXJnZV0nOiAnaXNMYXJnZSgpJyxcbiAgfSxcbn0pXG5leHBvcnQgY2xhc3MgV2F0dEJhZGdlQ29tcG9uZW50IHtcbiAgdHlwZSA9IGlucHV0PFdhdHRCYWRnZVR5cGU+KCdpbmZvJyk7XG4gIHNpemUgPSBpbnB1dDxXYXR0QmFkZ2VTaXplPignbm9ybWFsJyk7XG4gIGJhZGdlVHlwZSA9IGNvbXB1dGVkKCgpID0+IGB3YXR0LWJhZGdlLSR7dGhpcy50eXBlKCl9YCk7XG4gIGlzTGFyZ2UgPSBjb21wdXRlZCgoKSA9PiB0aGlzLnNpemUoKSA9PT0gJ2xhcmdlJyk7XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2F0dC1iYWRnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL3dhdHQvcGFja2FnZS9iYWRnZS93YXR0LWJhZGdlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpQkFBaUI7QUFDakI7Ozs7Ozs7Ozs7Ozs7OztHQWVHO0FBQ0gsWUFBWTtBQUNaLE9BQU8sRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFhM0Q7OztHQUdHO0FBVUgsTUFBTSxPQUFPLGtCQUFrQjtJQUM3QixJQUFJLEdBQUcsS0FBSyxDQUFnQixNQUFNLGdEQUFDLENBQUM7SUFDcEMsSUFBSSxHQUFHLEtBQUssQ0FBZ0IsUUFBUSxnREFBQyxDQUFDO0lBQ3RDLFNBQVMsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsY0FBYyxJQUFJLENBQUMsSUFBSSxFQUFFLEVBQUUscURBQUMsQ0FBQztJQUN4RCxPQUFPLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsS0FBSyxPQUFPLG1EQUFDLENBQUM7dUdBSnZDLGtCQUFrQjsyRkFBbEIsa0JBQWtCLHFaQU5uQixnQkFBZ0I7OzJGQU1mLGtCQUFrQjtrQkFUOUIsU0FBUzsrQkFDRSxZQUFZLFlBRVosZ0JBQWdCLFFBQ3BCO3dCQUNKLFNBQVMsRUFBRSxhQUFhO3dCQUN4QiwwQkFBMEIsRUFBRSxXQUFXO3FCQUN4QyIsInNvdXJjZXNDb250ZW50IjpbIi8vI3JlZ2lvbiBMaWNlbnNlXG4vKipcbiAqIEBsaWNlbnNlXG4gKiBDb3B5cmlnaHQgMjAyMCBFbmVyZ2luZXQgRGF0YUh1YiBBL1NcbiAqXG4gKiBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlMlwiKTtcbiAqIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vLyNlbmRyZWdpb25cbmltcG9ydCB7IENvbXBvbmVudCwgY29tcHV0ZWQsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmV4cG9ydCB0eXBlIFdhdHRCYWRnZVR5cGUgPVxuICB8ICd3YXJuaW5nJ1xuICB8ICdzdWNjZXNzJ1xuICB8ICdkYW5nZXInXG4gIHwgJ2luZm8nXG4gIHwgJ25ldXRyYWwnXG4gIHwgJ3ZlcnNpb24nXG4gIHwgJ3NrZWxldG9uJztcblxuZXhwb3J0IHR5cGUgV2F0dEJhZGdlU2l6ZSA9ICdub3JtYWwnIHwgJ2xhcmdlJztcblxuLyoqXG4gKiBVc2FnZTpcbiAqIGBpbXBvcnQgeyBXYXR0QmFkZ2VDb21wb25lbnQgfSBmcm9tICdAZW5lcmdpbmV0LWRhdGFodWIvd2F0dC9iYWRnZSc7YFxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd3YXR0LWJhZGdlJyxcbiAgc3R5bGVVcmxzOiBbJy4vd2F0dC1iYWRnZS5jb21wb25lbnQuc2NzcyddLFxuICB0ZW1wbGF0ZTogJzxuZy1jb250ZW50IC8+JyxcbiAgaG9zdDoge1xuICAgICdbY2xhc3NdJzogJ2JhZGdlVHlwZSgpJyxcbiAgICAnW2NsYXNzLndhdHQtYmFkZ2UtbGFyZ2VdJzogJ2lzTGFyZ2UoKScsXG4gIH0sXG59KVxuZXhwb3J0IGNsYXNzIFdhdHRCYWRnZUNvbXBvbmVudCB7XG4gIHR5cGUgPSBpbnB1dDxXYXR0QmFkZ2VUeXBlPignaW5mbycpO1xuICBzaXplID0gaW5wdXQ8V2F0dEJhZGdlU2l6ZT4oJ25vcm1hbCcpO1xuICBiYWRnZVR5cGUgPSBjb21wdXRlZCgoKSA9PiBgd2F0dC1iYWRnZS0ke3RoaXMudHlwZSgpfWApO1xuICBpc0xhcmdlID0gY29tcHV0ZWQoKCkgPT4gdGhpcy5zaXplKCkgPT09ICdsYXJnZScpO1xufVxuIl19

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

@@ -27,10 +27,10 @@ export class WattBreadcrumbComponent {
     // Used to determine if the breadcrumb is interactive or not
     actionEmitter = new Subject();
     click = outputFromObservable(this.actionEmitter);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: WattBreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.0.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.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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: WattBreadcrumbComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattBreadcrumbComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'watt-breadcrumb',
@@ -46,9 +46,9 @@ export class WattBreadcrumbsComponent {
     /**
      * @ignore
      */
-    breadcrumbs = contentChildren(WattBreadcrumbComponent);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: WattBreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.3", type: WattBreadcrumbsComponent, isStandalone: true, selector: "watt-breadcrumbs", queries: [{ propertyName: "breadcrumbs", predicate: WattBreadcrumbComponent, isSignal: true }], ngImport: i0, template: `
+    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: `
     <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.0.3", ngImport: i0, type: WattBreadcrumbsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattBreadcrumbsComponent, decorators: [{
             type: Component,
             args: [{ encapsulation: ViewEncapsulation.None, imports: [NgTemplateOutlet, WattIconComponent], selector: 'watt-breadcrumbs', template: `
     <nav>
@@ -87,4 +87,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImpor
   `, 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"] }]
         }] });
 export const WATT_BREADCRUMBS = [WattBreadcrumbsComponent, WattBreadcrumbComponent];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2F0dC1icmVhZGNydW1icy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL3dhdHQvcGFja2FnZS9icmVhZGNydW1icy93YXR0LWJyZWFkY3J1bWJzLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpQkFBaUI7QUFDakI7Ozs7Ozs7Ozs7Ozs7OztHQWVHO0FBQ0gsWUFBWTtBQUNaLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ25ELE9BQU8sRUFDTCxTQUFTLEVBRVQsaUJBQWlCLEVBQ2pCLGVBQWUsRUFDZixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUMvQixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUNsRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQzs7QUFPekQsTUFBTSxPQUFPLHVCQUF1QjtJQUNsQyxXQUFXLEdBQUcsU0FBUyxDQUFDLFFBQVEsQ0FBdUIsYUFBYSxDQUFDLENBQUM7SUFDdEUsNERBQTREO0lBQzVELGFBQWEsR0FBRyxJQUFJLE9BQU8sRUFBVyxDQUFDO0lBQ3ZDLEtBQUssR0FBRyxvQkFBb0IsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7dUdBSnRDLHVCQUF1QjsyRkFBdkIsdUJBQXVCLG9PQUZ4Qix3REFBd0Q7OzJGQUV2RCx1QkFBdUI7a0JBTG5DLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGlCQUFpQjtvQkFDM0IsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7b0JBQ3JDLFFBQVEsRUFBRSx3REFBd0Q7aUJBQ25FOztBQVFEOzs7R0FHRztBQXdCSCxNQUFNLE9BQU8sd0JBQXdCO0lBQ25DOztPQUVHO0lBQ0gsV0FBVyxHQUFHLGVBQWUsQ0FBMEIsdUJBQXVCLENBQUMsQ0FBQzt1R0FKckUsd0JBQXdCOzJGQUF4Qix3QkFBd0Isd0dBSW9CLHVCQUF1Qiw2Q0F0QnBFOzs7Ozs7Ozs7Ozs7Ozs7O0dBZ0JULHduQkFuQlMsZ0JBQWdCLG9KQUFFLGlCQUFpQjs7MkZBcUJsQyx3QkFBd0I7a0JBdkJwQyxTQUFTO29DQUNPLGlCQUFpQixDQUFDLElBQUksV0FDNUIsQ0FBQyxnQkFBZ0IsRUFBRSxpQkFBaUIsQ0FBQyxZQUNwQyxrQkFBa0IsWUFFbEI7Ozs7Ozs7Ozs7Ozs7Ozs7R0FnQlQ7O0FBU0gsTUFBTSxDQUFDLE1BQU0sZ0JBQWdCLEdBQUcsQ0FBQyx3QkFBd0IsRUFBRSx1QkFBdUIsQ0FBVSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLy8jcmVnaW9uIExpY2Vuc2Vcbi8qKlxuICogQGxpY2Vuc2VcbiAqIENvcHlyaWdodCAyMDIwIEVuZXJnaW5ldCBEYXRhSHViIEEvU1xuICpcbiAqIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2UyXCIpO1xuICogeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8vI2VuZHJlZ2lvblxuaW1wb3J0IHsgTmdUZW1wbGF0ZU91dGxldCB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1xuICBDb21wb25lbnQsXG4gIFRlbXBsYXRlUmVmLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgY29udGVudENoaWxkcmVuLFxuICB2aWV3Q2hpbGQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU3ViamVjdCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgb3V0cHV0RnJvbU9ic2VydmFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlL3J4anMtaW50ZXJvcCc7XG5pbXBvcnQgeyBXYXR0SWNvbkNvbXBvbmVudCB9IGZyb20gJ0BlbmVyZ2luZXQvd2F0dC9pY29uJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnd2F0dC1icmVhZGNydW1iJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgdGVtcGxhdGU6IGA8bmctdGVtcGxhdGUgI3RlbXBsYXRlUmVmPjxuZy1jb250ZW50IC8+PC9uZy10ZW1wbGF0ZT5gLFxufSlcbmV4cG9ydCBjbGFzcyBXYXR0QnJlYWRjcnVtYkNvbXBvbmVudCB7XG4gIHRlbXBsYXRlUmVmID0gdmlld0NoaWxkLnJlcXVpcmVkPFRlbXBsYXRlUmVmPHVua25vd24+PigndGVtcGxhdGVSZWYnKTtcbiAgLy8gVXNlZCB0byBkZXRlcm1pbmUgaWYgdGhlIGJyZWFkY3J1bWIgaXMgaW50ZXJhY3RpdmUgb3Igbm90XG4gIGFjdGlvbkVtaXR0ZXIgPSBuZXcgU3ViamVjdDx1bmtub3duPigpO1xuICBjbGljayA9IG91dHB1dEZyb21PYnNlcnZhYmxlKHRoaXMuYWN0aW9uRW1pdHRlcik7XG59XG5cbi8qKlxuICogVXNhZ2U6XG4gKiBgaW1wb3J0IHsgV0FUVF9CUkVBRENSVU1CUyB9IGZyb20gJ0BlbmVyZ2luZXQtZGF0YWh1Yi93YXR0L2JyZWFkY3J1bWJzJztgXG4gKi9cbkBDb21wb25lbnQoe1xuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBpbXBvcnRzOiBbTmdUZW1wbGF0ZU91dGxldCwgV2F0dEljb25Db21wb25lbnRdLFxuICBzZWxlY3RvcjogJ3dhdHQtYnJlYWRjcnVtYnMnLFxuICBzdHlsZVVybHM6IFsnLi93YXR0LWJyZWFkY3J1bWJzLmNvbXBvbmVudC5zY3NzJ10sXG4gIHRlbXBsYXRlOiBgXG4gICAgPG5hdj5cbiAgICAgIEBmb3IgKGJyZWFkY3J1bWIgb2YgYnJlYWRjcnVtYnMoKTsgdHJhY2sgYnJlYWRjcnVtYjsgbGV0IGlzTGFzdCA9ICRsYXN0KSB7XG4gICAgICAgIDxzcGFuXG4gICAgICAgICAgY2xhc3M9XCJ3YXR0LWJyZWFkY3J1bWJcIlxuICAgICAgICAgIChjbGljayk9XCJicmVhZGNydW1iLmFjdGlvbkVtaXR0ZXIubmV4dCgkZXZlbnQpXCJcbiAgICAgICAgICBbY2xhc3MuaW50ZXJhY3RpdmVdPVwiYnJlYWRjcnVtYi5hY3Rpb25FbWl0dGVyLm9ic2VydmVkXCJcbiAgICAgICAgICBbYXR0ci5yb2xlXT1cImJyZWFkY3J1bWIuYWN0aW9uRW1pdHRlci5vYnNlcnZlZCA/ICdsaW5rJyA6IG51bGxcIlxuICAgICAgICA+XG4gICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImJyZWFkY3J1bWIudGVtcGxhdGVSZWYoKVwiIC8+XG4gICAgICAgICAgQGlmICghaXNMYXN0KSB7XG4gICAgICAgICAgICA8d2F0dC1pY29uIG5hbWU9XCJyaWdodFwiIC8+XG4gICAgICAgICAgfVxuICAgICAgICA8L3NwYW4+XG4gICAgICB9XG4gICAgPC9uYXY+XG4gIGAsXG59KVxuZXhwb3J0IGNsYXNzIFdhdHRCcmVhZGNydW1ic0NvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBicmVhZGNydW1icyA9IGNvbnRlbnRDaGlsZHJlbjxXYXR0QnJlYWRjcnVtYkNvbXBvbmVudD4oV2F0dEJyZWFkY3J1bWJDb21wb25lbnQpO1xufVxuXG5leHBvcnQgY29uc3QgV0FUVF9CUkVBRENSVU1CUyA9IFtXYXR0QnJlYWRjcnVtYnNDb21wb25lbnQsIFdhdHRCcmVhZGNydW1iQ29tcG9uZW50XSBhcyBjb25zdDtcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2F0dC1icmVhZGNydW1icy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL3dhdHQvcGFja2FnZS9icmVhZGNydW1icy93YXR0LWJyZWFkY3J1bWJzLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpQkFBaUI7QUFDakI7Ozs7Ozs7Ozs7Ozs7OztHQWVHO0FBQ0gsWUFBWTtBQUNaLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ25ELE9BQU8sRUFDTCxTQUFTLEVBRVQsaUJBQWlCLEVBQ2pCLGVBQWUsRUFDZixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUMvQixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUNsRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQzs7QUFPekQsTUFBTSxPQUFPLHVCQUF1QjtJQUNsQyxXQUFXLEdBQUcsU0FBUyxDQUFDLFFBQVEsQ0FBdUIsYUFBYSxDQUFDLENBQUM7SUFDdEUsNERBQTREO0lBQzVELGFBQWEsR0FBRyxJQUFJLE9BQU8sRUFBVyxDQUFDO0lBQ3ZDLEtBQUssR0FBRyxvQkFBb0IsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7dUdBSnRDLHVCQUF1QjsyRkFBdkIsdUJBQXVCLG9PQUZ4Qix3REFBd0Q7OzJGQUV2RCx1QkFBdUI7a0JBTG5DLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGlCQUFpQjtvQkFDM0IsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7b0JBQ3JDLFFBQVEsRUFBRSx3REFBd0Q7aUJBQ25FOztBQVFEOzs7R0FHRztBQXdCSCxNQUFNLE9BQU8sd0JBQXdCO0lBQ25DOztPQUVHO0lBQ0gsV0FBVyxHQUFHLGVBQWUsQ0FBMEIsdUJBQXVCLHVEQUFDLENBQUM7dUdBSnJFLHdCQUF3QjsyRkFBeEIsd0JBQXdCLHdHQUlvQix1QkFBdUIsNkNBdEJwRTs7Ozs7Ozs7Ozs7Ozs7OztHQWdCVCx3bkJBbkJTLGdCQUFnQixvSkFBRSxpQkFBaUI7OzJGQXFCbEMsd0JBQXdCO2tCQXZCcEMsU0FBUztvQ0FDTyxpQkFBaUIsQ0FBQyxJQUFJLFdBQzVCLENBQUMsZ0JBQWdCLEVBQUUsaUJBQWlCLENBQUMsWUFDcEMsa0JBQWtCLFlBRWxCOzs7Ozs7Ozs7Ozs7Ozs7O0dBZ0JUOztBQVNILE1BQU0sQ0FBQyxNQUFNLGdCQUFnQixHQUFHLENBQUMsd0JBQXdCLEVBQUUsdUJBQXVCLENBQVUsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8vI3JlZ2lvbiBMaWNlbnNlXG4vKipcbiAqIEBsaWNlbnNlXG4gKiBDb3B5cmlnaHQgMjAyMCBFbmVyZ2luZXQgRGF0YUh1YiBBL1NcbiAqXG4gKiBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlMlwiKTtcbiAqIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vLyNlbmRyZWdpb25cbmltcG9ydCB7IE5nVGVtcGxhdGVPdXRsZXQgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBUZW1wbGF0ZVJlZixcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG4gIGNvbnRlbnRDaGlsZHJlbixcbiAgdmlld0NoaWxkLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN1YmplY3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IG91dHB1dEZyb21PYnNlcnZhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZS9yeGpzLWludGVyb3AnO1xuaW1wb3J0IHsgV2F0dEljb25Db21wb25lbnQgfSBmcm9tICdAZW5lcmdpbmV0L3dhdHQvaWNvbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3dhdHQtYnJlYWRjcnVtYicsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHRlbXBsYXRlOiBgPG5nLXRlbXBsYXRlICN0ZW1wbGF0ZVJlZj48bmctY29udGVudCAvPjwvbmctdGVtcGxhdGU+YCxcbn0pXG5leHBvcnQgY2xhc3MgV2F0dEJyZWFkY3J1bWJDb21wb25lbnQge1xuICB0ZW1wbGF0ZVJlZiA9IHZpZXdDaGlsZC5yZXF1aXJlZDxUZW1wbGF0ZVJlZjx1bmtub3duPj4oJ3RlbXBsYXRlUmVmJyk7XG4gIC8vIFVzZWQgdG8gZGV0ZXJtaW5lIGlmIHRoZSBicmVhZGNydW1iIGlzIGludGVyYWN0aXZlIG9yIG5vdFxuICBhY3Rpb25FbWl0dGVyID0gbmV3IFN1YmplY3Q8dW5rbm93bj4oKTtcbiAgY2xpY2sgPSBvdXRwdXRGcm9tT2JzZXJ2YWJsZSh0aGlzLmFjdGlvbkVtaXR0ZXIpO1xufVxuXG4vKipcbiAqIFVzYWdlOlxuICogYGltcG9ydCB7IFdBVFRfQlJFQURDUlVNQlMgfSBmcm9tICdAZW5lcmdpbmV0LWRhdGFodWIvd2F0dC9icmVhZGNydW1icyc7YFxuICovXG5AQ29tcG9uZW50KHtcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgaW1wb3J0czogW05nVGVtcGxhdGVPdXRsZXQsIFdhdHRJY29uQ29tcG9uZW50XSxcbiAgc2VsZWN0b3I6ICd3YXR0LWJyZWFkY3J1bWJzJyxcbiAgc3R5bGVVcmxzOiBbJy4vd2F0dC1icmVhZGNydW1icy5jb21wb25lbnQuc2NzcyddLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxuYXY+XG4gICAgICBAZm9yIChicmVhZGNydW1iIG9mIGJyZWFkY3J1bWJzKCk7IHRyYWNrIGJyZWFkY3J1bWI7IGxldCBpc0xhc3QgPSAkbGFzdCkge1xuICAgICAgICA8c3BhblxuICAgICAgICAgIGNsYXNzPVwid2F0dC1icmVhZGNydW1iXCJcbiAgICAgICAgICAoY2xpY2spPVwiYnJlYWRjcnVtYi5hY3Rpb25FbWl0dGVyLm5leHQoJGV2ZW50KVwiXG4gICAgICAgICAgW2NsYXNzLmludGVyYWN0aXZlXT1cImJyZWFkY3J1bWIuYWN0aW9uRW1pdHRlci5vYnNlcnZlZFwiXG4gICAgICAgICAgW2F0dHIucm9sZV09XCJicmVhZGNydW1iLmFjdGlvbkVtaXR0ZXIub2JzZXJ2ZWQgPyAnbGluaycgOiBudWxsXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJicmVhZGNydW1iLnRlbXBsYXRlUmVmKClcIiAvPlxuICAgICAgICAgIEBpZiAoIWlzTGFzdCkge1xuICAgICAgICAgICAgPHdhdHQtaWNvbiBuYW1lPVwicmlnaHRcIiAvPlxuICAgICAgICAgIH1cbiAgICAgICAgPC9zcGFuPlxuICAgICAgfVxuICAgIDwvbmF2PlxuICBgLFxufSlcbmV4cG9ydCBjbGFzcyBXYXR0QnJlYWRjcnVtYnNDb21wb25lbnQge1xuICAvKipcbiAgICogQGlnbm9yZVxuICAgKi9cbiAgYnJlYWRjcnVtYnMgPSBjb250ZW50Q2hpbGRyZW48V2F0dEJyZWFkY3J1bWJDb21wb25lbnQ+KFdhdHRCcmVhZGNydW1iQ29tcG9uZW50KTtcbn1cblxuZXhwb3J0IGNvbnN0IFdBVFRfQlJFQURDUlVNQlMgPSBbV2F0dEJyZWFkY3J1bWJzQ29tcG9uZW50LCBXYXR0QnJlYWRjcnVtYkNvbXBvbmVudF0gYXMgY29uc3Q7XG4iXX0=

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

@@ -24,25 +24,25 @@ import * as i0 from "@angular/core";
 import * as i1 from "@angular/material/button";
 export const WattButtonTypes = ['primary', 'secondary', 'text', 'icon'];
 export class WattButtonComponent {
-    icon = input();
-    variant = input('primary');
-    size = input('medium');
-    type = input('button');
-    formId = input(null);
-    disabled = input(false);
-    loading = input(false);
-    classes = computed(() => `watt-button--${this.variant()} watt-button-size--${this.size()}`);
+    icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
+    variant = input('primary', ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    size = input('medium', ...(ngDevMode ? [{ debugName: "size" }] : []));
+    type = input('button', ...(ngDevMode ? [{ debugName: "type" }] : []));
+    formId = input(null, ...(ngDevMode ? [{ debugName: "formId" }] : []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    loading = input(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
+    classes = computed(() => `watt-button--${this.variant()} watt-button-size--${this.size()}`, ...(ngDevMode ? [{ debugName: "classes" }] : []));
     // Prevents emitting a click event in Chrome/Edge/Safari when a disabled button is clicked
     // WebKit bug: https://bugs.webkit.org/show_bug.cgi?id=89041
     // Note: This solution is preferred (in this particular case) over adding styling to the Scss file
     // because the presence of inline styles can be tested with Jest.
-    pointerEvents = computed(() => (this.disabled() ? 'none' : 'auto'));
+    pointerEvents = computed(() => (this.disabled() ? 'none' : 'auto'), ...(ngDevMode ? [{ debugName: "pointerEvents" }] : []));
     /**
      * @ignore
      */
-    hasIcon = computed(() => !!this.icon());
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: WattButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.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: `
+    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: `
     <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.0.3", ngImport: i0, type: WattButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'watt-button', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[class]': 'classes()',
@@ -92,4 +92,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImpor
     </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"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2F0dC1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vbGlicy93YXR0L3BhY2thZ2UvYnV0dG9uL3dhdHQtYnV0dG9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpQkFBaUI7QUFDakI7Ozs7Ozs7Ozs7Ozs7OztHQWVHO0FBQ0gsWUFBWTtBQUNaLE9BQU8sRUFDTCxLQUFLLEVBQ0wsUUFBUSxFQUNSLFNBQVMsRUFDVCxpQkFBaUIsRUFDakIsdUJBQXVCLEdBQ3hCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMvRCxPQUFPLEVBQVksaUJBQWlCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQzs7O0FBRW5FLE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBRyxDQUFDLFNBQVMsRUFBRSxXQUFXLEVBQUUsTUFBTSxFQUFFLE1BQU0sQ0FBVSxDQUFDO0FBc0NqRixNQUFNLE9BQU8sbUJBQW1CO0lBQzlCLElBQUksR0FBRyxLQUFLLEVBQVksQ0FBQztJQUN6QixPQUFPLEdBQUcsS0FBSyxDQUFvQixTQUFTLENBQUMsQ0FBQztJQUM5QyxJQUFJLEdBQUcsS0FBSyxDQUFpQixRQUFRLENBQUMsQ0FBQztJQUN2QyxJQUFJLEdBQUcsS0FBSyxDQUFpQixRQUFRLENBQUMsQ0FBQztJQUN2QyxNQUFNLEdBQUcsS0FBSyxDQUFnQixJQUFJLENBQUMsQ0FBQztJQUNwQyxRQUFRLEdBQUcsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3hCLE9BQU8sR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7SUFFdkIsT0FBTyxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxnQkFBZ0IsSUFBSSxDQUFDLE9BQU8sRUFBRSxzQkFBc0IsSUFBSSxDQUFDLElBQUksRUFBRSxFQUFFLENBQUMsQ0FBQztJQUU1RiwwRkFBMEY7SUFDMUYsNERBQTREO0lBQzVELGtHQUFrRztJQUNsRyxpRUFBaUU7SUFDakUsYUFBYSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDO0lBRXBFOztPQUVHO0lBQ0gsT0FBTyxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDLENBQUM7dUdBcEI3QixtQkFBbUI7MkZBQW5CLG1CQUFtQixrakNBdEJwQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FvQlQsbWpJQXJCUyxpQkFBaUIsa0dBQUUsb0JBQW9CLDZGQUFFLGVBQWU7OzJGQXVCdkQsbUJBQW1CO2tCQWpDL0IsU0FBUzsrQkFDRSxhQUFhLGlCQUNSLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sUUFFekM7d0JBQ0osU0FBUyxFQUFFLFdBQVc7d0JBQ3RCLCtCQUErQixFQUFFLFlBQVk7d0JBQzdDLHdCQUF3QixFQUFFLGlCQUFpQjtxQkFDNUMsV0FDUSxDQUFDLGlCQUFpQixFQUFFLG9CQUFvQixFQUFFLGVBQWUsQ0FBQyxZQUN6RDs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FvQlQiLCJzb3VyY2VzQ29udGVudCI6WyIvLyNyZWdpb24gTGljZW5zZVxuLyoqXG4gKiBAbGljZW5zZVxuICogQ29weXJpZ2h0IDIwMjAgRW5lcmdpbmV0IERhdGFIdWIgQS9TXG4gKlxuICogTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZTJcIik7XG4gKiB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLy8jZW5kcmVnaW9uXG5pbXBvcnQge1xuICBpbnB1dCxcbiAgY29tcHV0ZWQsXG4gIENvbXBvbmVudCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdEJ1dHRvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2J1dHRvbic7XG5pbXBvcnQgeyBXYXR0U3Bpbm5lckNvbXBvbmVudCB9IGZyb20gJ0BlbmVyZ2luZXQvd2F0dC9zcGlubmVyJztcbmltcG9ydCB7IFdhdHRJY29uLCBXYXR0SWNvbkNvbXBvbmVudCB9IGZyb20gJ0BlbmVyZ2luZXQvd2F0dC9pY29uJztcblxuZXhwb3J0IGNvbnN0IFdhdHRCdXR0b25UeXBlcyA9IFsncHJpbWFyeScsICdzZWNvbmRhcnknLCAndGV4dCcsICdpY29uJ10gYXMgY29uc3Q7XG5leHBvcnQgdHlwZSBXYXR0QnV0dG9uVmFyaWFudCA9ICh0eXBlb2YgV2F0dEJ1dHRvblR5cGVzKVtudW1iZXJdO1xuZXhwb3J0IHR5cGUgV2F0dEJ1dHRvblR5cGUgPSAnYnV0dG9uJyB8ICdyZXNldCcgfCAnc3VibWl0JztcbmV4cG9ydCB0eXBlIFdhdHRCdXR0b25TaXplID0gJ3NtYWxsJyB8ICdtZWRpdW0nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd3YXR0LWJ1dHRvbicsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzdHlsZVVybHM6IFsnLi93YXR0LWJ1dHRvbi5jb21wb25lbnQuc2NzcyddLFxuICBob3N0OiB7XG4gICAgJ1tjbGFzc10nOiAnY2xhc3NlcygpJyxcbiAgICAnW2NsYXNzLndhdHQtYnV0dG9uLS1kaXNhYmxlZF0nOiAnZGlzYWJsZWQoKScsXG4gICAgJ1tzdHlsZS5wb2ludGVyLWV2ZW50c10nOiAncG9pbnRlckV2ZW50cygpJyxcbiAgfSxcbiAgaW1wb3J0czogW1dhdHRJY29uQ29tcG9uZW50LCBXYXR0U3Bpbm5lckNvbXBvbmVudCwgTWF0QnV0dG9uTW9kdWxlXSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8YnV0dG9uXG4gICAgICBtYXQtYnV0dG9uXG4gICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWQoKVwiXG4gICAgICBbdHlwZV09XCJ0eXBlKClcIlxuICAgICAgW2NvbG9yXT1cInZhcmlhbnQoKVwiXG4gICAgICBbYXR0ci5mb3JtXT1cInR5cGUoKSA9PT0gJ3N1Ym1pdCcgPyBmb3JtSWQoKSA6IG51bGxcIlxuICAgID5cbiAgICAgIEBpZiAobG9hZGluZygpKSB7XG4gICAgICAgIDx3YXR0LXNwaW5uZXIgW2RpYW1ldGVyXT1cIjE4XCIgLz5cbiAgICAgIH1cbiAgICAgIDxkaXYgW2NsYXNzLmNvbnRlbnQtd3JhcHBlcl09XCIhbG9hZGluZygpXCIgW2NsYXNzLmNvbnRlbnQtd3JhcHBlci0tbG9hZGluZ109XCJsb2FkaW5nKClcIj5cbiAgICAgICAgQGlmIChoYXNJY29uKCkpIHtcbiAgICAgICAgICA8d2F0dC1pY29uIFtuYW1lXT1cImljb24oKVwiIC8+XG4gICAgICAgIH1cbiAgICAgICAgQGlmICh2YXJpYW50KCkgIT09ICdpY29uJykge1xuICAgICAgICAgIDxuZy1jb250ZW50IC8+XG4gICAgICAgIH1cbiAgICAgIDwvZGl2PlxuICAgIDwvYnV0dG9uPlxuICBgLFxufSlcbmV4cG9ydCBjbGFzcyBXYXR0QnV0dG9uQ29tcG9uZW50IHtcbiAgaWNvbiA9IGlucHV0PFdhdHRJY29uPigpO1xuICB2YXJpYW50ID0gaW5wdXQ8V2F0dEJ1dHRvblZhcmlhbnQ+KCdwcmltYXJ5Jyk7XG4gIHNpemUgPSBpbnB1dDxXYXR0QnV0dG9uU2l6ZT4oJ21lZGl1bScpO1xuICB0eXBlID0gaW5wdXQ8V2F0dEJ1dHRvblR5cGU+KCdidXR0b24nKTtcbiAgZm9ybUlkID0gaW5wdXQ8c3RyaW5nIHwgbnVsbD4obnVsbCk7XG4gIGRpc2FibGVkID0gaW5wdXQoZmFsc2UpO1xuICBsb2FkaW5nID0gaW5wdXQoZmFsc2UpO1xuXG4gIGNsYXNzZXMgPSBjb21wdXRlZCgoKSA9PiBgd2F0dC1idXR0b24tLSR7dGhpcy52YXJpYW50KCl9IHdhdHQtYnV0dG9uLXNpemUtLSR7dGhpcy5zaXplKCl9YCk7XG5cbiAgLy8gUHJldmVudHMgZW1pdHRpbmcgYSBjbGljayBldmVudCBpbiBDaHJvbWUvRWRnZS9TYWZhcmkgd2hlbiBhIGRpc2FibGVkIGJ1dHRvbiBpcyBjbGlja2VkXG4gIC8vIFdlYktpdCBidWc6IGh0dHBzOi8vYnVncy53ZWJraXQub3JnL3Nob3dfYnVnLmNnaT9pZD04OTA0MVxuICAvLyBOb3RlOiBUaGlzIHNvbHV0aW9uIGlzIHByZWZlcnJlZCAoaW4gdGhpcyBwYXJ0aWN1bGFyIGNhc2UpIG92ZXIgYWRkaW5nIHN0eWxpbmcgdG8gdGhlIFNjc3MgZmlsZVxuICAvLyBiZWNhdXNlIHRoZSBwcmVzZW5jZSBvZiBpbmxpbmUgc3R5bGVzIGNhbiBiZSB0ZXN0ZWQgd2l0aCBKZXN0LlxuICBwb2ludGVyRXZlbnRzID0gY29tcHV0ZWQoKCkgPT4gKHRoaXMuZGlzYWJsZWQoKSA/ICdub25lJyA6ICdhdXRvJykpO1xuXG4gIC8qKlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBoYXNJY29uID0gY29tcHV0ZWQoKCkgPT4gISF0aGlzLmljb24oKSk7XG59XG4iXX0=
+//# 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.0.3", ngImport: i0, type: WattCardTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.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.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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: WattCardTitleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", 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');
-    loading = input(false);
-    cardVariant = computed(() => `watt-card watt-${this.variant()}`);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: WattCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.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: `
+    variant = input('elevation', ...(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: `
     <ng-content select="watt-card-title" />
 
     <ng-content />
@@ -41,7 +41,7 @@ export class WattCardComponent {
     }
   `, 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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: WattCardComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattCardComponent, decorators: [{
             type: Component,
             args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'watt-card', template: `
     <ng-content select="watt-card-title" />
@@ -58,4 +58,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImpor
                     }, 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"] }]
         }] });
 export const WATT_CARD = [WattCardComponent, WattCardTitleComponent];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2F0dC1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvd2F0dC9wYWNrYWdlL2NhcmQvd2F0dC1jYXJkLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpQkFBaUI7QUFDakI7Ozs7Ozs7Ozs7Ozs7OztHQWVHO0FBQ0gsWUFBWTtBQUNaLE9BQU8sRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVwRixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNyRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7QUFFL0Q7OztHQUdHO0FBcURILE1BQU0sT0FBTyxpQkFBaUI7SUFDNUIsT0FBTyxHQUFHLEtBQUssQ0FBb0IsV0FBVyxDQUFDLENBQUM7SUFDaEQsT0FBTyxHQUFHLEtBQUssQ0FBVSxLQUFLLENBQUMsQ0FBQztJQUNoQyxXQUFXLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLGtCQUFrQixJQUFJLENBQUMsT0FBTyxFQUFFLEVBQUUsQ0FBQyxDQUFDO3VHQUh0RCxpQkFBaUI7MkZBQWpCLGlCQUFpQixpWUFoQmxCOzs7Ozs7Ozs7O0dBVVQsc2hCQUNTLG9CQUFvQjs7MkZBS25CLGlCQUFpQjtrQkFwRDdCLFNBQVM7c0NBQ1MsdUJBQXVCLENBQUMsTUFBTSxZQUNyQyxXQUFXLFlBa0NYOzs7Ozs7Ozs7O0dBVVQsV0FDUSxDQUFDLG9CQUFvQixDQUFDLFFBQ3pCO3dCQUNKLFNBQVMsRUFBRSxlQUFlO3FCQUMzQjs7QUFTSCxNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsQ0FBQyxpQkFBaUIsRUFBRSxzQkFBc0IsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLy8jcmVnaW9uIExpY2Vuc2Vcbi8qKlxuICogQGxpY2Vuc2VcbiAqIENvcHlyaWdodCAyMDIwIEVuZXJnaW5ldCBEYXRhSHViIEEvU1xuICpcbiAqIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2UyXCIpO1xuICogeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8vI2VuZHJlZ2lvblxuaW1wb3J0IHsgaW5wdXQsIGNvbXB1dGVkLCBDb21wb25lbnQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IFdhdHRDYXJkVGl0bGVDb21wb25lbnQgfSBmcm9tICcuL3dhdHQtY2FyZC10aXRsZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgV2F0dFNwaW5uZXJDb21wb25lbnQgfSBmcm9tICdAZW5lcmdpbmV0L3dhdHQvc3Bpbm5lcic7XG5cbi8qKlxuICogVXNhZ2U6XG4gKiBgaW1wb3J0IHsgV2F0dENhcmRDb21wb25lbnQgfSBmcm9tICdAZW5lcmdpbmV0LWRhdGFodWIvd2F0dC9jYXJkJztgXG4gKi9cbkBDb21wb25lbnQoe1xuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc2VsZWN0b3I6ICd3YXR0LWNhcmQnLFxuICBzdHlsZXM6IFtcbiAgICBgXG4gICAgICA6aG9zdCB7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIHBhZGRpbmc6IGNhbGMoMS41ICogdmFyKC0td2F0dC1zcGFjZS1tKSk7IC8qIDI0cHggKi9cbiAgICAgICAgYmFja2dyb3VuZDogdmFyKC0tYmctY2FyZCk7XG4gICAgICB9XG5cbiAgICAgIDpob3N0LndhdHQtc29saWQge1xuICAgICAgICBib3JkZXI6IDFweCBzb2xpZCB2YXIoLS13YXR0LWNvbG9yLW5ldXRyYWwtZ3JleS0zMDApO1xuICAgICAgfVxuXG4gICAgICA6aG9zdC53YXR0LWZpbGwge1xuICAgICAgICBib3JkZXI6IDFweCBzb2xpZCB2YXIoLS13YXR0LWNvbG9yLW5ldXRyYWwtZ3JleS0xMDApO1xuICAgICAgICBiYWNrZ3JvdW5kOiB2YXIoLS13YXR0LWNvbG9yLW5ldXRyYWwtZ3JleS0xMDApO1xuICAgICAgfVxuXG4gICAgICAud2F0dC1jYXJkX19zcGlubmVyIHtcbiAgICAgICAgei1pbmRleDogMTtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICB0b3A6IDA7XG4gICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICBib3R0b206IDA7XG4gICAgICAgIGxlZnQ6IDA7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS13YXR0LWNvbG9yLW5ldXRyYWwtd2hpdGUpO1xuICAgICAgICBvcGFjaXR5OiAwLjU7XG4gICAgICB9XG4gICAgYCxcbiAgXSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJ3YXR0LWNhcmQtdGl0bGVcIiAvPlxuXG4gICAgPG5nLWNvbnRlbnQgLz5cblxuICAgIEBpZiAobG9hZGluZygpKSB7XG4gICAgICA8ZGl2IGNsYXNzPVwid2F0dC1jYXJkX19zcGlubmVyXCI+XG4gICAgICAgIDx3YXR0LXNwaW5uZXIgLz5cbiAgICAgIDwvZGl2PlxuICAgIH1cbiAgYCxcbiAgaW1wb3J0czogW1dhdHRTcGlubmVyQ29tcG9uZW50XSxcbiAgaG9zdDoge1xuICAgICdbY2xhc3NdJzogJ2NhcmRWYXJpYW50KCknLFxuICB9LFxufSlcbmV4cG9ydCBjbGFzcyBXYXR0Q2FyZENvbXBvbmVudCB7XG4gIHZhcmlhbnQgPSBpbnB1dDxXQVRUX0NBUkRfVkFSSUFOVD4oJ2VsZXZhdGlvbicpO1xuICBsb2FkaW5nID0gaW5wdXQ8Ym9vbGVhbj4oZmFsc2UpO1xuICBjYXJkVmFyaWFudCA9IGNvbXB1dGVkKCgpID0+IGB3YXR0LWNhcmQgd2F0dC0ke3RoaXMudmFyaWFudCgpfWApO1xufVxuXG5leHBvcnQgdHlwZSBXQVRUX0NBUkRfVkFSSUFOVCA9ICdzb2xpZCcgfCAnZWxldmF0aW9uJyB8ICdmaWxsJztcbmV4cG9ydCBjb25zdCBXQVRUX0NBUkQgPSBbV2F0dENhcmRDb21wb25lbnQsIFdhdHRDYXJkVGl0bGVDb21wb25lbnRdO1xuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2F0dC1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvd2F0dC9wYWNrYWdlL2NhcmQvd2F0dC1jYXJkLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpQkFBaUI7QUFDakI7Ozs7Ozs7Ozs7Ozs7OztHQWVHO0FBQ0gsWUFBWTtBQUNaLE9BQU8sRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVwRixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNyRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7QUFFL0Q7OztHQUdHO0FBcURILE1BQU0sT0FBTyxpQkFBaUI7SUFDNUIsT0FBTyxHQUFHLEtBQUssQ0FBb0IsV0FBVyxtREFBQyxDQUFDO0lBQ2hELE9BQU8sR0FBRyxLQUFLLENBQVUsS0FBSyxtREFBQyxDQUFDO0lBQ2hDLFdBQVcsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsa0JBQWtCLElBQUksQ0FBQyxPQUFPLEVBQUUsRUFBRSx1REFBQyxDQUFDO3VHQUh0RCxpQkFBaUI7MkZBQWpCLGlCQUFpQixpWUFoQmxCOzs7Ozs7Ozs7O0dBVVQsc2hCQUNTLG9CQUFvQjs7MkZBS25CLGlCQUFpQjtrQkFwRDdCLFNBQVM7c0NBQ1MsdUJBQXVCLENBQUMsTUFBTSxZQUNyQyxXQUFXLFlBa0NYOzs7Ozs7Ozs7O0dBVVQsV0FDUSxDQUFDLG9CQUFvQixDQUFDLFFBQ3pCO3dCQUNKLFNBQVMsRUFBRSxlQUFlO3FCQUMzQjs7QUFTSCxNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsQ0FBQyxpQkFBaUIsRUFBRSxzQkFBc0IsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLy8jcmVnaW9uIExpY2Vuc2Vcbi8qKlxuICogQGxpY2Vuc2VcbiAqIENvcHlyaWdodCAyMDIwIEVuZXJnaW5ldCBEYXRhSHViIEEvU1xuICpcbiAqIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2UyXCIpO1xuICogeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8vI2VuZHJlZ2lvblxuaW1wb3J0IHsgaW5wdXQsIGNvbXB1dGVkLCBDb21wb25lbnQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IFdhdHRDYXJkVGl0bGVDb21wb25lbnQgfSBmcm9tICcuL3dhdHQtY2FyZC10aXRsZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgV2F0dFNwaW5uZXJDb21wb25lbnQgfSBmcm9tICdAZW5lcmdpbmV0L3dhdHQvc3Bpbm5lcic7XG5cbi8qKlxuICogVXNhZ2U6XG4gKiBgaW1wb3J0IHsgV2F0dENhcmRDb21wb25lbnQgfSBmcm9tICdAZW5lcmdpbmV0LWRhdGFodWIvd2F0dC9jYXJkJztgXG4gKi9cbkBDb21wb25lbnQoe1xuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc2VsZWN0b3I6ICd3YXR0LWNhcmQnLFxuICBzdHlsZXM6IFtcbiAgICBgXG4gICAgICA6aG9zdCB7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIHBhZGRpbmc6IGNhbGMoMS41ICogdmFyKC0td2F0dC1zcGFjZS1tKSk7IC8qIDI0cHggKi9cbiAgICAgICAgYmFja2dyb3VuZDogdmFyKC0tYmctY2FyZCk7XG4gICAgICB9XG5cbiAgICAgIDpob3N0LndhdHQtc29saWQge1xuICAgICAgICBib3JkZXI6IDFweCBzb2xpZCB2YXIoLS13YXR0LWNvbG9yLW5ldXRyYWwtZ3JleS0zMDApO1xuICAgICAgfVxuXG4gICAgICA6aG9zdC53YXR0LWZpbGwge1xuICAgICAgICBib3JkZXI6IDFweCBzb2xpZCB2YXIoLS13YXR0LWNvbG9yLW5ldXRyYWwtZ3JleS0xMDApO1xuICAgICAgICBiYWNrZ3JvdW5kOiB2YXIoLS13YXR0LWNvbG9yLW5ldXRyYWwtZ3JleS0xMDApO1xuICAgICAgfVxuXG4gICAgICAud2F0dC1jYXJkX19zcGlubmVyIHtcbiAgICAgICAgei1pbmRleDogMTtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICB0b3A6IDA7XG4gICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICBib3R0b206IDA7XG4gICAgICAgIGxlZnQ6IDA7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS13YXR0LWNvbG9yLW5ldXRyYWwtd2hpdGUpO1xuICAgICAgICBvcGFjaXR5OiAwLjU7XG4gICAgICB9XG4gICAgYCxcbiAgXSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJ3YXR0LWNhcmQtdGl0bGVcIiAvPlxuXG4gICAgPG5nLWNvbnRlbnQgLz5cblxuICAgIEBpZiAobG9hZGluZygpKSB7XG4gICAgICA8ZGl2IGNsYXNzPVwid2F0dC1jYXJkX19zcGlubmVyXCI+XG4gICAgICAgIDx3YXR0LXNwaW5uZXIgLz5cbiAgICAgIDwvZGl2PlxuICAgIH1cbiAgYCxcbiAgaW1wb3J0czogW1dhdHRTcGlubmVyQ29tcG9uZW50XSxcbiAgaG9zdDoge1xuICAgICdbY2xhc3NdJzogJ2NhcmRWYXJpYW50KCknLFxuICB9LFxufSlcbmV4cG9ydCBjbGFzcyBXYXR0Q2FyZENvbXBvbmVudCB7XG4gIHZhcmlhbnQgPSBpbnB1dDxXQVRUX0NBUkRfVkFSSUFOVD4oJ2VsZXZhdGlvbicpO1xuICBsb2FkaW5nID0gaW5wdXQ8Ym9vbGVhbj4oZmFsc2UpO1xuICBjYXJkVmFyaWFudCA9IGNvbXB1dGVkKCgpID0+IGB3YXR0LWNhcmQgd2F0dC0ke3RoaXMudmFyaWFudCgpfWApO1xufVxuXG5leHBvcnQgdHlwZSBXQVRUX0NBUkRfVkFSSUFOVCA9ICdzb2xpZCcgfCAnZWxldmF0aW9uJyB8ICdmaWxsJztcbmV4cG9ydCBjb25zdCBXQVRUX0NBUkQgPSBbV2F0dENhcmRDb21wb25lbnQsIFdhdHRDYXJkVGl0bGVDb21wb25lbnRdO1xuIl19

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

@@ -23,9 +23,9 @@ import * as i1 from "@angular/forms";
 export class WattCheckboxComponent {
     element = inject(ElementRef);
     checked = null;
-    isdisabled = signal(false);
-    indeterminate = signal(false);
-    required = input(false);
+    isdisabled = signal(false, ...(ngDevMode ? [{ debugName: "isdisabled" }] : []));
+    indeterminate = signal(false, ...(ngDevMode ? [{ debugName: "indeterminate" }] : []));
+    required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : []));
     onChange = () => {
         //
     };
@@ -47,8 +47,8 @@ export class WattCheckboxComponent {
     setDisabledState(isDisabled) {
         this.isdisabled.set(isDisabled);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: WattCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.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.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: [
             {
                 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.0.3", ngImport: i0, type: WattCheckboxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattCheckboxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'watt-checkbox', encapsulation: ViewEncapsulation.None, providers: [
                         {
@@ -89,4 +89,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.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"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2F0dC1jaGVja2JveC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL3dhdHQvcGFja2FnZS9jaGVja2JveC93YXR0LWNoZWNrYm94LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpQkFBaUI7QUFDakI7Ozs7Ozs7Ozs7Ozs7OztHQWVHO0FBQ0gsWUFBWTtBQUNaLE9BQU8sRUFDTCxLQUFLLEVBQ0wsTUFBTSxFQUNOLE1BQU0sRUFDTixTQUFTLEVBQ1QsVUFBVSxFQUNWLFVBQVUsRUFDVixpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUF3QixpQkFBaUIsRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7O0FBOEJ0RixNQUFNLE9BQU8scUJBQXFCO0lBQ3hCLE9BQU8sR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUM7SUFFckMsT0FBTyxHQUFtQixJQUFJLENBQUM7SUFFL0IsVUFBVSxHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMzQixhQUFhLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzlCLFFBQVEsR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7SUFFeEIsUUFBUSxHQUE2QixHQUFHLEVBQUU7UUFDeEMsRUFBRTtJQUNKLENBQUMsQ0FBQztJQUVGLGdCQUFnQixDQUFDLEVBQTRCO1FBQzNDLElBQUksQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxFQUE0QjtRQUM1QyxJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxnQkFBZ0IsQ0FBQyxVQUFVLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFDOUQsQ0FBQztJQUVELFVBQVUsQ0FBQyxPQUF1QjtRQUNoQyxJQUFJLENBQUMsYUFBYSxDQUFDLEdBQUcsQ0FBQyxPQUFPLEtBQUssSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3hELElBQUksQ0FBQyxPQUFPLEdBQUcsT0FBTyxDQUFDO0lBQ3pCLENBQUM7SUFFRCxhQUFhLENBQUMsQ0FBVTtRQUN0QixJQUFJLENBQUMsYUFBYSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUM5QixJQUFJLENBQUMsT0FBTyxHQUFHLENBQUMsQ0FBQztRQUNqQixJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ25CLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxVQUFtQjtRQUNsQyxJQUFJLENBQUMsVUFBVSxDQUFDLEdBQUcsQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUNsQyxDQUFDO3VHQWxDVSxxQkFBcUI7MkZBQXJCLHFCQUFxQiw2VUF4QnJCO1lBQ1Q7Z0JBQ0UsT0FBTyxFQUFFLGlCQUFpQjtnQkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxxQkFBcUIsQ0FBQztnQkFDcEQsS0FBSyxFQUFFLElBQUk7YUFDWjtTQUNGLDBCQU1TOzs7Ozs7Ozs7O1dBVUQsNG9FQVhDLFdBQVc7OzJGQWFWLHFCQUFxQjtrQkE1QmpDLFNBQVM7K0JBQ0UsZUFBZSxpQkFDVixpQkFBaUIsQ0FBQyxJQUFJLGFBRTFCO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLHNCQUFzQixDQUFDOzRCQUNwRCxLQUFLLEVBQUUsSUFBSTt5QkFDWjtxQkFDRixRQUNLO3dCQUNKLGlDQUFpQyxFQUFFLGNBQWM7d0JBQ2pELHNDQUFzQyxFQUFFLGlCQUFpQjtxQkFDMUQsV0FDUSxDQUFDLFdBQVcsQ0FBQyxZQUNaOzs7Ozs7Ozs7O1dBVUQiLCJzb3VyY2VzQ29udGVudCI6WyIvLyNyZWdpb24gTGljZW5zZVxuLyoqXG4gKiBAbGljZW5zZVxuICogQ29weXJpZ2h0IDIwMjAgRW5lcmdpbmV0IERhdGFIdWIgQS9TXG4gKlxuICogTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZTJcIik7XG4gKiB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLy8jZW5kcmVnaW9uXG5pbXBvcnQge1xuICBpbnB1dCxcbiAgc2lnbmFsLFxuICBpbmplY3QsXG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgZm9yd2FyZFJlZixcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1IsIEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd3YXR0LWNoZWNrYm94JyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgc3R5bGVVcmxzOiBbJy4vd2F0dC1jaGVja2JveC5jb21wb25lbnQuc2NzcyddLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFdhdHRDaGVja2JveENvbXBvbmVudCksXG4gICAgICBtdWx0aTogdHJ1ZSxcbiAgICB9LFxuICBdLFxuICBob3N0OiB7XG4gICAgJ1tjbGFzcy53YXR0LWNoZWNrYm94LS1kaXNhYmxlZF0nOiAnaXNkaXNhYmxlZCgpJyxcbiAgICAnW2NsYXNzLndhdHQtY2hlY2tib3gtLWluZGV0ZXJtaW5hdGVdJzogJ2luZGV0ZXJtaW5hdGUoKScsXG4gIH0sXG4gIGltcG9ydHM6IFtGb3Jtc01vZHVsZV0sXG4gIHRlbXBsYXRlOiBgPGxhYmVsPlxuICAgIDxpbnB1dFxuICAgICAgW25nTW9kZWxdPVwiY2hlY2tlZFwiXG4gICAgICBbZGlzYWJsZWRdPVwiaXNkaXNhYmxlZCgpXCJcbiAgICAgIFtpbmRldGVybWluYXRlXT1cImluZGV0ZXJtaW5hdGUoKVwiXG4gICAgICBbcmVxdWlyZWRdPVwicmVxdWlyZWQoKVwiXG4gICAgICAobmdNb2RlbENoYW5nZSk9XCJvbk1vZGVsQ2hhbmdlKCRldmVudClcIlxuICAgICAgdHlwZT1cImNoZWNrYm94XCJcbiAgICAvPlxuICAgIDxuZy1jb250ZW50IC8+XG4gIDwvbGFiZWw+YCxcbn0pXG5leHBvcnQgY2xhc3MgV2F0dENoZWNrYm94Q29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xuICBwcml2YXRlIGVsZW1lbnQgPSBpbmplY3QoRWxlbWVudFJlZik7XG5cbiAgY2hlY2tlZDogYm9vbGVhbiB8IG51bGwgPSBudWxsO1xuXG4gIGlzZGlzYWJsZWQgPSBzaWduYWwoZmFsc2UpO1xuICBpbmRldGVybWluYXRlID0gc2lnbmFsKGZhbHNlKTtcbiAgcmVxdWlyZWQgPSBpbnB1dChmYWxzZSk7XG5cbiAgb25DaGFuZ2U6ICh2YWx1ZTogYm9vbGVhbikgPT4gdm9pZCA9ICgpID0+IHtcbiAgICAvL1xuICB9O1xuXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46ICh2YWx1ZTogYm9vbGVhbikgPT4gdm9pZCk6IHZvaWQge1xuICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcbiAgfVxuXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiAodmFsdWU6IGJvb2xlYW4pID0+IHZvaWQpOiB2b2lkIHtcbiAgICB0aGlzLmVsZW1lbnQubmF0aXZlRWxlbWVudC5hZGRFdmVudExpc3RlbmVyKCdmb2N1c291dCcsIGZuKTtcbiAgfVxuXG4gIHdyaXRlVmFsdWUoY2hlY2tlZDogYm9vbGVhbiB8IG51bGwpIHtcbiAgICB0aGlzLmluZGV0ZXJtaW5hdGUuc2V0KGNoZWNrZWQgPT09IG51bGwgPyB0cnVlIDogZmFsc2UpO1xuICAgIHRoaXMuY2hlY2tlZCA9IGNoZWNrZWQ7XG4gIH1cblxuICBvbk1vZGVsQ2hhbmdlKGU6IGJvb2xlYW4pIHtcbiAgICB0aGlzLmluZGV0ZXJtaW5hdGUuc2V0KGZhbHNlKTtcbiAgICB0aGlzLmNoZWNrZWQgPSBlO1xuICAgIHRoaXMub25DaGFuZ2UoZSk7XG4gIH1cblxuICBzZXREaXNhYmxlZFN0YXRlKGlzRGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICB0aGlzLmlzZGlzYWJsZWQuc2V0KGlzRGlzYWJsZWQpO1xuICB9XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2F0dC1jaGVja2JveC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL3dhdHQvcGFja2FnZS9jaGVja2JveC93YXR0LWNoZWNrYm94LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpQkFBaUI7QUFDakI7Ozs7Ozs7Ozs7Ozs7OztHQWVHO0FBQ0gsWUFBWTtBQUNaLE9BQU8sRUFDTCxLQUFLLEVBQ0wsTUFBTSxFQUNOLE1BQU0sRUFDTixTQUFTLEVBQ1QsVUFBVSxFQUNWLFVBQVUsRUFDVixpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUF3QixpQkFBaUIsRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7O0FBOEJ0RixNQUFNLE9BQU8scUJBQXFCO0lBQ3hCLE9BQU8sR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUM7SUFFckMsT0FBTyxHQUFtQixJQUFJLENBQUM7SUFFL0IsVUFBVSxHQUFHLE1BQU0sQ0FBQyxLQUFLLHNEQUFDLENBQUM7SUFDM0IsYUFBYSxHQUFHLE1BQU0sQ0FBQyxLQUFLLHlEQUFDLENBQUM7SUFDOUIsUUFBUSxHQUFHLEtBQUssQ0FBQyxLQUFLLG9EQUFDLENBQUM7SUFFeEIsUUFBUSxHQUE2QixHQUFHLEVBQUU7UUFDeEMsRUFBRTtJQUNKLENBQUMsQ0FBQztJQUVGLGdCQUFnQixDQUFDLEVBQTRCO1FBQzNDLElBQUksQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxFQUE0QjtRQUM1QyxJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxnQkFBZ0IsQ0FBQyxVQUFVLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFDOUQsQ0FBQztJQUVELFVBQVUsQ0FBQyxPQUF1QjtRQUNoQyxJQUFJLENBQUMsYUFBYSxDQUFDLEdBQUcsQ0FBQyxPQUFPLEtBQUssSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3hELElBQUksQ0FBQyxPQUFPLEdBQUcsT0FBTyxDQUFDO0lBQ3pCLENBQUM7SUFFRCxhQUFhLENBQUMsQ0FBVTtRQUN0QixJQUFJLENBQUMsYUFBYSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUM5QixJQUFJLENBQUMsT0FBTyxHQUFHLENBQUMsQ0FBQztRQUNqQixJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ25CLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxVQUFtQjtRQUNsQyxJQUFJLENBQUMsVUFBVSxDQUFDLEdBQUcsQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUNsQyxDQUFDO3VHQWxDVSxxQkFBcUI7MkZBQXJCLHFCQUFxQiw2VUF4QnJCO1lBQ1Q7Z0JBQ0UsT0FBTyxFQUFFLGlCQUFpQjtnQkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxxQkFBcUIsQ0FBQztnQkFDcEQsS0FBSyxFQUFFLElBQUk7YUFDWjtTQUNGLDBCQU1TOzs7Ozs7Ozs7O1dBVUQsNG9FQVhDLFdBQVc7OzJGQWFWLHFCQUFxQjtrQkE1QmpDLFNBQVM7K0JBQ0UsZUFBZSxpQkFDVixpQkFBaUIsQ0FBQyxJQUFJLGFBRTFCO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLHNCQUFzQixDQUFDOzRCQUNwRCxLQUFLLEVBQUUsSUFBSTt5QkFDWjtxQkFDRixRQUNLO3dCQUNKLGlDQUFpQyxFQUFFLGNBQWM7d0JBQ2pELHNDQUFzQyxFQUFFLGlCQUFpQjtxQkFDMUQsV0FDUSxDQUFDLFdBQVcsQ0FBQyxZQUNaOzs7Ozs7Ozs7O1dBVUQiLCJzb3VyY2VzQ29udGVudCI6WyIvLyNyZWdpb24gTGljZW5zZVxuLyoqXG4gKiBAbGljZW5zZVxuICogQ29weXJpZ2h0IDIwMjAgRW5lcmdpbmV0IERhdGFIdWIgQS9TXG4gKlxuICogTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZTJcIik7XG4gKiB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLy8jZW5kcmVnaW9uXG5pbXBvcnQge1xuICBpbnB1dCxcbiAgc2lnbmFsLFxuICBpbmplY3QsXG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgZm9yd2FyZFJlZixcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1IsIEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd3YXR0LWNoZWNrYm94JyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgc3R5bGVVcmxzOiBbJy4vd2F0dC1jaGVja2JveC5jb21wb25lbnQuc2NzcyddLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFdhdHRDaGVja2JveENvbXBvbmVudCksXG4gICAgICBtdWx0aTogdHJ1ZSxcbiAgICB9LFxuICBdLFxuICBob3N0OiB7XG4gICAgJ1tjbGFzcy53YXR0LWNoZWNrYm94LS1kaXNhYmxlZF0nOiAnaXNkaXNhYmxlZCgpJyxcbiAgICAnW2NsYXNzLndhdHQtY2hlY2tib3gtLWluZGV0ZXJtaW5hdGVdJzogJ2luZGV0ZXJtaW5hdGUoKScsXG4gIH0sXG4gIGltcG9ydHM6IFtGb3Jtc01vZHVsZV0sXG4gIHRlbXBsYXRlOiBgPGxhYmVsPlxuICAgIDxpbnB1dFxuICAgICAgW25nTW9kZWxdPVwiY2hlY2tlZFwiXG4gICAgICBbZGlzYWJsZWRdPVwiaXNkaXNhYmxlZCgpXCJcbiAgICAgIFtpbmRldGVybWluYXRlXT1cImluZGV0ZXJtaW5hdGUoKVwiXG4gICAgICBbcmVxdWlyZWRdPVwicmVxdWlyZWQoKVwiXG4gICAgICAobmdNb2RlbENoYW5nZSk9XCJvbk1vZGVsQ2hhbmdlKCRldmVudClcIlxuICAgICAgdHlwZT1cImNoZWNrYm94XCJcbiAgICAvPlxuICAgIDxuZy1jb250ZW50IC8+XG4gIDwvbGFiZWw+YCxcbn0pXG5leHBvcnQgY2xhc3MgV2F0dENoZWNrYm94Q29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xuICBwcml2YXRlIGVsZW1lbnQgPSBpbmplY3QoRWxlbWVudFJlZik7XG5cbiAgY2hlY2tlZDogYm9vbGVhbiB8IG51bGwgPSBudWxsO1xuXG4gIGlzZGlzYWJsZWQgPSBzaWduYWwoZmFsc2UpO1xuICBpbmRldGVybWluYXRlID0gc2lnbmFsKGZhbHNlKTtcbiAgcmVxdWlyZWQgPSBpbnB1dChmYWxzZSk7XG5cbiAgb25DaGFuZ2U6ICh2YWx1ZTogYm9vbGVhbikgPT4gdm9pZCA9ICgpID0+IHtcbiAgICAvL1xuICB9O1xuXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46ICh2YWx1ZTogYm9vbGVhbikgPT4gdm9pZCk6IHZvaWQge1xuICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcbiAgfVxuXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiAodmFsdWU6IGJvb2xlYW4pID0+IHZvaWQpOiB2b2lkIHtcbiAgICB0aGlzLmVsZW1lbnQubmF0aXZlRWxlbWVudC5hZGRFdmVudExpc3RlbmVyKCdmb2N1c291dCcsIGZuKTtcbiAgfVxuXG4gIHdyaXRlVmFsdWUoY2hlY2tlZDogYm9vbGVhbiB8IG51bGwpIHtcbiAgICB0aGlzLmluZGV0ZXJtaW5hdGUuc2V0KGNoZWNrZWQgPT09IG51bGwgPyB0cnVlIDogZmFsc2UpO1xuICAgIHRoaXMuY2hlY2tlZCA9IGNoZWNrZWQ7XG4gIH1cblxuICBvbk1vZGVsQ2hhbmdlKGU6IGJvb2xlYW4pIHtcbiAgICB0aGlzLmluZGV0ZXJtaW5hdGUuc2V0KGZhbHNlKTtcbiAgICB0aGlzLmNoZWNrZWQgPSBlO1xuICAgIHRoaXMub25DaGFuZ2UoZSk7XG4gIH1cblxuICBzZXREaXNhYmxlZFN0YXRlKGlzRGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICB0aGlzLmlzZGlzYWJsZWQuc2V0KGlzRGlzYWJsZWQpO1xuICB9XG59XG4iXX0=

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

@@ -21,11 +21,11 @@ import { WattIconComponent } from '@energinet/watt/icon';
 import { WattChipComponent } from './watt-chip.component';
 import * as i0 from "@angular/core";
 export class WattActionChipComponent {
-    disabled = input(false);
-    icon = input.required();
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    icon = input.required(...(ngDevMode ? [{ debugName: "icon" }] : []));
     action = output();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: WattActionChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.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.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: `
     <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.0.3", ngImport: i0, type: WattActionChipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattActionChipComponent, decorators: [{
             type: Component,
             args: [{ imports: [WattChipComponent, WattIconComponent], selector: 'watt-action-chip', template: `
     <watt-chip [disabled]="disabled()">
@@ -65,4 +65,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImpor
     </watt-chip>
   `, styles: [":host{display:block}.disabled{color:var(--watt-on-light-low-emphasis)}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2F0dC1hY3Rpb24tY2hpcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL3dhdHQvcGFja2FnZS9jaGlwL3dhdHQtYWN0aW9uLWNoaXAuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGlCQUFpQjtBQUNqQjs7Ozs7Ozs7Ozs7Ozs7O0dBZUc7QUFDSCxZQUFZO0FBQ1osT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXpELE9BQU8sRUFBWSxpQkFBaUIsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ25FLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDOztBQW1DMUQsTUFBTSxPQUFPLHVCQUF1QjtJQUNsQyxRQUFRLEdBQUcsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3hCLElBQUksR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFZLENBQUM7SUFDbEMsTUFBTSxHQUFHLE1BQU0sRUFBUSxDQUFDO3VHQUhiLHVCQUF1QjsyRkFBdkIsdUJBQXVCLDRXQW5CeEI7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBaUJULGtKQTlCUyxpQkFBaUIsb0dBQUUsaUJBQWlCOzsyRkFnQ25DLHVCQUF1QjtrQkFqQ25DLFNBQVM7OEJBQ0MsQ0FBQyxpQkFBaUIsRUFBRSxpQkFBaUIsQ0FBQyxZQUNyQyxrQkFBa0IsWUFZbEI7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBaUJUIiwic291cmNlc0NvbnRlbnQiOlsiLy8jcmVnaW9uIExpY2Vuc2Vcbi8qKlxuICogQGxpY2Vuc2VcbiAqIENvcHlyaWdodCAyMDIwIEVuZXJnaW5ldCBEYXRhSHViIEEvU1xuICpcbiAqIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2UyXCIpO1xuICogeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8vI2VuZHJlZ2lvblxuaW1wb3J0IHsgQ29tcG9uZW50LCBpbnB1dCwgb3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IFdhdHRJY29uLCBXYXR0SWNvbkNvbXBvbmVudCB9IGZyb20gJ0BlbmVyZ2luZXQvd2F0dC9pY29uJztcbmltcG9ydCB7IFdhdHRDaGlwQ29tcG9uZW50IH0gZnJvbSAnLi93YXR0LWNoaXAuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIGltcG9ydHM6IFtXYXR0Q2hpcENvbXBvbmVudCwgV2F0dEljb25Db21wb25lbnRdLFxuICBzZWxlY3RvcjogJ3dhdHQtYWN0aW9uLWNoaXAnLFxuICBzdHlsZXM6IFtcbiAgICBgXG4gICAgICA6aG9zdCB7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgfVxuXG4gICAgICAuZGlzYWJsZWQge1xuICAgICAgICBjb2xvcjogdmFyKC0td2F0dC1vbi1saWdodC1sb3ctZW1waGFzaXMpO1xuICAgICAgfVxuICAgIGAsXG4gIF0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPHdhdHQtY2hpcCBbZGlzYWJsZWRdPVwiZGlzYWJsZWQoKVwiPlxuICAgICAgPGJ1dHRvblxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgY2xhc3M9XCJjZGstdmlzdWFsbHktaGlkZGVuXCJcbiAgICAgICAgKGNsaWNrKT1cIiRldmVudC5zdG9wSW1tZWRpYXRlUHJvcGFnYXRpb24oKTsgYWN0aW9uLmVtaXQoKVwiXG4gICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZCgpXCJcbiAgICAgID48L2J1dHRvbj5cbiAgICAgIDxuZy1jb250ZW50IC8+XG4gICAgICA8d2F0dC1pY29uXG4gICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgW25hbWVdPVwiaWNvbigpXCJcbiAgICAgICAgY2xhc3M9XCJtZW51LWljb25cIlxuICAgICAgICBbYXR0ci5hcmlhLWhpZGRlbl09XCJ0cnVlXCJcbiAgICAgICAgW2NsYXNzLmRpc2FibGVkXT1cImRpc2FibGVkKClcIlxuICAgICAgLz5cbiAgICA8L3dhdHQtY2hpcD5cbiAgYCxcbn0pXG5leHBvcnQgY2xhc3MgV2F0dEFjdGlvbkNoaXBDb21wb25lbnQge1xuICBkaXNhYmxlZCA9IGlucHV0KGZhbHNlKTtcbiAgaWNvbiA9IGlucHV0LnJlcXVpcmVkPFdhdHRJY29uPigpO1xuICBhY3Rpb24gPSBvdXRwdXQ8dm9pZD4oKTtcbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2F0dC1hY3Rpb24tY2hpcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL3dhdHQvcGFja2FnZS9jaGlwL3dhdHQtYWN0aW9uLWNoaXAuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGlCQUFpQjtBQUNqQjs7Ozs7Ozs7Ozs7Ozs7O0dBZUc7QUFDSCxZQUFZO0FBQ1osT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXpELE9BQU8sRUFBWSxpQkFBaUIsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ25FLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDOztBQW1DMUQsTUFBTSxPQUFPLHVCQUF1QjtJQUNsQyxRQUFRLEdBQUcsS0FBSyxDQUFDLEtBQUssb0RBQUMsQ0FBQztJQUN4QixJQUFJLEdBQUcsS0FBSyxDQUFDLFFBQVEsK0NBQVksQ0FBQztJQUNsQyxNQUFNLEdBQUcsTUFBTSxFQUFRLENBQUM7dUdBSGIsdUJBQXVCOzJGQUF2Qix1QkFBdUIsNFdBbkJ4Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FpQlQsa0pBOUJTLGlCQUFpQixvR0FBRSxpQkFBaUI7OzJGQWdDbkMsdUJBQXVCO2tCQWpDbkMsU0FBUzs4QkFDQyxDQUFDLGlCQUFpQixFQUFFLGlCQUFpQixDQUFDLFlBQ3JDLGtCQUFrQixZQVlsQjs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FpQlQiLCJzb3VyY2VzQ29udGVudCI6WyIvLyNyZWdpb24gTGljZW5zZVxuLyoqXG4gKiBAbGljZW5zZVxuICogQ29weXJpZ2h0IDIwMjAgRW5lcmdpbmV0IERhdGFIdWIgQS9TXG4gKlxuICogTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZTJcIik7XG4gKiB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLy8jZW5kcmVnaW9uXG5pbXBvcnQgeyBDb21wb25lbnQsIGlucHV0LCBvdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgV2F0dEljb24sIFdhdHRJY29uQ29tcG9uZW50IH0gZnJvbSAnQGVuZXJnaW5ldC93YXR0L2ljb24nO1xuaW1wb3J0IHsgV2F0dENoaXBDb21wb25lbnQgfSBmcm9tICcuL3dhdHQtY2hpcC5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgaW1wb3J0czogW1dhdHRDaGlwQ29tcG9uZW50LCBXYXR0SWNvbkNvbXBvbmVudF0sXG4gIHNlbGVjdG9yOiAnd2F0dC1hY3Rpb24tY2hpcCcsXG4gIHN0eWxlczogW1xuICAgIGBcbiAgICAgIDpob3N0IHtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICB9XG5cbiAgICAgIC5kaXNhYmxlZCB7XG4gICAgICAgIGNvbG9yOiB2YXIoLS13YXR0LW9uLWxpZ2h0LWxvdy1lbXBoYXNpcyk7XG4gICAgICB9XG4gICAgYCxcbiAgXSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8d2F0dC1jaGlwIFtkaXNhYmxlZF09XCJkaXNhYmxlZCgpXCI+XG4gICAgICA8YnV0dG9uXG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICBjbGFzcz1cImNkay12aXN1YWxseS1oaWRkZW5cIlxuICAgICAgICAoY2xpY2spPVwiJGV2ZW50LnN0b3BJbW1lZGlhdGVQcm9wYWdhdGlvbigpOyBhY3Rpb24uZW1pdCgpXCJcbiAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkKClcIlxuICAgICAgPjwvYnV0dG9uPlxuICAgICAgPG5nLWNvbnRlbnQgLz5cbiAgICAgIDx3YXR0LWljb25cbiAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICBbbmFtZV09XCJpY29uKClcIlxuICAgICAgICBjbGFzcz1cIm1lbnUtaWNvblwiXG4gICAgICAgIFthdHRyLmFyaWEtaGlkZGVuXT1cInRydWVcIlxuICAgICAgICBbY2xhc3MuZGlzYWJsZWRdPVwiZGlzYWJsZWQoKVwiXG4gICAgICAvPlxuICAgIDwvd2F0dC1jaGlwPlxuICBgLFxufSlcbmV4cG9ydCBjbGFzcyBXYXR0QWN0aW9uQ2hpcENvbXBvbmVudCB7XG4gIGRpc2FibGVkID0gaW5wdXQoZmFsc2UpO1xuICBpY29uID0gaW5wdXQucmVxdWlyZWQ8V2F0dEljb24+KCk7XG4gIGFjdGlvbiA9IG91dHB1dDx2b2lkPigpO1xufVxuIl19

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

@@ -20,11 +20,11 @@ import { ChangeDetectionStrategy, Component, input } from '@angular/core';
 import { WattIconComponent } from '@energinet/watt/icon';
 import * as i0 from "@angular/core";
 export class WattChipComponent {
-    selected = input(false);
-    disabled = input(false);
-    readonly = input(false);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: WattChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.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: `
+    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: `
     <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.0.3", ngImport: i0, type: WattChipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattChipComponent, decorators: [{
             type: Component,
             args: [{ imports: [WattIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, selector: 'watt-chip', template: `
     <label
@@ -52,4 +52,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImpor
     </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"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2F0dC1jaGlwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvd2F0dC9wYWNrYWdlL2NoaXAvd2F0dC1jaGlwLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpQkFBaUI7QUFDakI7Ozs7Ozs7Ozs7Ozs7OztHQWVHO0FBQ0gsWUFBWTtBQUNaLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTFFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHNCQUFzQixDQUFDOztBQW9CekQsTUFBTSxPQUFPLGlCQUFpQjtJQUM1QixRQUFRLEdBQUcsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3hCLFFBQVEsR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDeEIsUUFBUSxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQzt1R0FIYixpQkFBaUI7MkZBQWpCLGlCQUFpQixvZEFibEI7Ozs7Ozs7Ozs7O0dBV1QsaXRDQWZTLGlCQUFpQjs7MkZBaUJoQixpQkFBaUI7a0JBbEI3QixTQUFTOzhCQUNDLENBQUMsaUJBQWlCLENBQUMsbUJBQ1gsdUJBQXVCLENBQUMsTUFBTSxZQUNyQyxXQUFXLFlBRVg7Ozs7Ozs7Ozs7O0dBV1QiLCJzb3VyY2VzQ29udGVudCI6WyIvLyNyZWdpb24gTGljZW5zZVxuLyoqXG4gKiBAbGljZW5zZVxuICogQ29weXJpZ2h0IDIwMjAgRW5lcmdpbmV0IERhdGFIdWIgQS9TXG4gKlxuICogTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZTJcIik7XG4gKiB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLy8jZW5kcmVnaW9uXG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBpbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBXYXR0SWNvbkNvbXBvbmVudCB9IGZyb20gJ0BlbmVyZ2luZXQvd2F0dC9pY29uJztcblxuQENvbXBvbmVudCh7XG4gIGltcG9ydHM6IFtXYXR0SWNvbkNvbXBvbmVudF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzZWxlY3RvcjogJ3dhdHQtY2hpcCcsXG4gIHN0eWxlVXJsczogWycuL3dhdHQtY2hpcC5jb21wb25lbnQuc2NzcyddLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxsYWJlbFxuICAgICAgW2NsYXNzLnNlbGVjdGVkXT1cInNlbGVjdGVkKClcIlxuICAgICAgW2NsYXNzLmRpc2FibGVkXT1cImRpc2FibGVkKClcIlxuICAgICAgW2NsYXNzLnJlYWQtb25seV09XCJyZWFkb25seSgpXCJcbiAgICA+XG4gICAgICBAaWYgKHNlbGVjdGVkKCkpIHtcbiAgICAgICAgPHdhdHQtaWNvbiBjbGFzcz1cInNlbGVjdGVkLWljb25cIiBuYW1lPVwiY2hlY2ttYXJrXCIgc2l6ZT1cInNcIiBbYXR0ci5hcmlhLWhpZGRlbl09XCJ0cnVlXCIgLz5cbiAgICAgIH1cbiAgICAgIDxuZy1jb250ZW50IC8+XG4gICAgPC9sYWJlbD5cbiAgYCxcbn0pXG5leHBvcnQgY2xhc3MgV2F0dENoaXBDb21wb25lbnQge1xuICBzZWxlY3RlZCA9IGlucHV0KGZhbHNlKTtcbiAgZGlzYWJsZWQgPSBpbnB1dChmYWxzZSk7XG4gIHJlYWRvbmx5ID0gaW5wdXQoZmFsc2UpO1xufVxuIl19
+//# 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 = disabled;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: WattFormChipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.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.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: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => WattFormChipDirective),
@@ -68,7 +68,7 @@ export class WattFormChipDirective {
             },
         ], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: WattFormChipDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattFormChipDirective, decorators: [{
             type: Directive,
             args: [{
                     providers: [

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

@@ -31,8 +31,8 @@ export class WattDateChipComponent {
     value;
     formControl;
     selectionChange = new EventEmitter();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: WattDateChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.3", type: WattDateChipComponent, isStandalone: true, selector: "watt-date-chip", inputs: { disabled: "disabled", label: "label", placeholder: "placeholder", value: "value", formControl: "formControl" }, outputs: { selectionChange: "selectionChange" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattDateChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: WattDateChipComponent, isStandalone: true, selector: "watt-date-chip", inputs: { disabled: "disabled", label: "label", placeholder: "placeholder", value: "value", formControl: "formControl" }, outputs: { selectionChange: "selectionChange" }, ngImport: i0, template: `
     <mat-datepicker #picker />
     <watt-field [control]="formControl" [chipMode]="true">
       <watt-menu-chip
@@ -66,7 +66,7 @@ export class WattDateChipComponent {
     </watt-field>
   `, isInline: true, styles: ["watt-date-chip input{top:0;bottom:0;height:auto;visibility:hidden}watt-date-chip watt-field label .watt-field-wrapper{background-color:transparent}\n"], dependencies: [{ kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i1.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i1.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: WattMenuChipComponent, selector: "watt-menu-chip", inputs: ["opened", "disabled", "name", "value", "selected", "hasPopup"], outputs: ["toggle"] }, { kind: "component", type: WattFieldComponent, selector: "watt-field", inputs: ["control", "label", "id", "chipMode", "tooltip", "placeholder", "anchorName"] }, { kind: "pipe", type: WattDatePipe, name: "wattDate" }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: WattDateChipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattDateChipComponent, decorators: [{
             type: Component,
             args: [{ imports: [MatDatepickerModule, WattMenuChipComponent, WattFieldComponent, WattDatePipe], selector: 'watt-date-chip', encapsulation: ViewEncapsulation.None, template: `
     <mat-datepicker #picker />