@energinet/watt 2.0.14 → 2.1.0

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

@@ -0,0 +1,118 @@
+//#region License
+/**
+ * @license
+ * Copyright 2020 Energinet DataHub A/S
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License2");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+//#endregion
+import { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
+import { MatDatepickerModule } from '@angular/material/datepicker';
+import { WattDatePipe } from '@energinet/watt/core/date';
+import { WattFieldComponent } from '@energinet/watt/field';
+import { FormControl } from '@angular/forms';
+import { WattMenuChipComponent } from './watt-menu-chip.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/datepicker";
+export class WattDateChipComponent {
+    disabled = false;
+    label;
+    placeholder;
+    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: `
+    <mat-datepicker #picker />
+    <watt-field [control]="formControl" [chipMode]="true">
+      <watt-menu-chip
+        hasPopup="dialog"
+        [disabled]="disabled"
+        [selected]="!!value"
+        [opened]="picker.opened"
+        (toggle)="picker.open()"
+      >
+        <input
+          tabindex="-1"
+          class="cdk-visually-hidden"
+          type="text"
+          [value]="value"
+          [matDatepicker]="picker"
+          (dateChange)="value = $event.value"
+          (dateChange)="selectionChange.emit($event.value)"
+        />
+        {{ placeholder }}
+        <span>
+          @if (value) {
+            @if (placeholder) {
+              :
+            }
+            {{ value | wattDate }}
+          }
+        </span>
+      </watt-menu-chip>
+      <ng-content ngProjectAs="watt-field-hint" select="watt-field-hint" />
+      <ng-content ngProjectAs="watt-field-error" select="watt-field-error" />
+    </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: [{
+            type: Component,
+            args: [{ imports: [MatDatepickerModule, WattMenuChipComponent, WattFieldComponent, WattDatePipe], selector: 'watt-date-chip', encapsulation: ViewEncapsulation.None, template: `
+    <mat-datepicker #picker />
+    <watt-field [control]="formControl" [chipMode]="true">
+      <watt-menu-chip
+        hasPopup="dialog"
+        [disabled]="disabled"
+        [selected]="!!value"
+        [opened]="picker.opened"
+        (toggle)="picker.open()"
+      >
+        <input
+          tabindex="-1"
+          class="cdk-visually-hidden"
+          type="text"
+          [value]="value"
+          [matDatepicker]="picker"
+          (dateChange)="value = $event.value"
+          (dateChange)="selectionChange.emit($event.value)"
+        />
+        {{ placeholder }}
+        <span>
+          @if (value) {
+            @if (placeholder) {
+              :
+            }
+            {{ value | wattDate }}
+          }
+        </span>
+      </watt-menu-chip>
+      <ng-content ngProjectAs="watt-field-hint" select="watt-field-hint" />
+      <ng-content ngProjectAs="watt-field-error" select="watt-field-error" />
+    </watt-field>
+  `, 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"] }]
+        }], propDecorators: { disabled: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], formControl: [{
+                type: Input,
+                args: [{ required: true }]
+            }], selectionChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2F0dC1kYXRlLWNoaXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vbGlicy93YXR0L3BhY2thZ2UvY2hpcC93YXR0LWRhdGUtY2hpcC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsaUJBQWlCO0FBQ2pCOzs7Ozs7Ozs7Ozs7Ozs7R0FlRztBQUNILFlBQVk7QUFDWixPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFGLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBRW5FLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7OztBQXdEbkUsTUFBTSxPQUFPLHFCQUFxQjtJQUN2QixRQUFRLEdBQUcsS0FBSyxDQUFDO0lBQ2pCLEtBQUssQ0FBVTtJQUNmLFdBQVcsQ0FBVTtJQUNyQixLQUFLLENBQVU7SUFDRyxXQUFXLENBQWU7SUFDM0MsZUFBZSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7dUdBTjFDLHFCQUFxQjsyRkFBckIscUJBQXFCLHFQQWxDdEI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBZ0NULDhOQW5EUyxtQkFBbUIsK1RBQUUscUJBQXFCLHlKQUFFLGtCQUFrQiwwSUFBRSxZQUFZOzsyRkFxRDNFLHFCQUFxQjtrQkF0RGpDLFNBQVM7OEJBQ0MsQ0FBQyxtQkFBbUIsRUFBRSxxQkFBcUIsRUFBRSxrQkFBa0IsRUFBRSxZQUFZLENBQUMsWUFDN0UsZ0JBQWdCLGlCQUNYLGlCQUFpQixDQUFDLElBQUksWUFpQjNCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQWdDVDs4QkFHUSxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDcUIsV0FBVztzQkFBckMsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7Z0JBQ2YsZUFBZTtzQkFBeEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbIi8vI3JlZ2lvbiBMaWNlbnNlXG4vKipcbiAqIEBsaWNlbnNlXG4gKiBDb3B5cmlnaHQgMjAyMCBFbmVyZ2luZXQgRGF0YUh1YiBBL1NcbiAqXG4gKiBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlMlwiKTtcbiAqIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vLyNlbmRyZWdpb25cbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF0RGF0ZXBpY2tlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RhdGVwaWNrZXInO1xuXG5pbXBvcnQgeyBXYXR0RGF0ZVBpcGUgfSBmcm9tICdAZW5lcmdpbmV0L3dhdHQvY29yZS9kYXRlJztcbmltcG9ydCB7IFdhdHRGaWVsZENvbXBvbmVudCB9IGZyb20gJ0BlbmVyZ2luZXQvd2F0dC9maWVsZCc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFdhdHRNZW51Q2hpcENvbXBvbmVudCB9IGZyb20gJy4vd2F0dC1tZW51LWNoaXAuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIGltcG9ydHM6IFtNYXREYXRlcGlja2VyTW9kdWxlLCBXYXR0TWVudUNoaXBDb21wb25lbnQsIFdhdHRGaWVsZENvbXBvbmVudCwgV2F0dERhdGVQaXBlXSxcbiAgc2VsZWN0b3I6ICd3YXR0LWRhdGUtY2hpcCcsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHN0eWxlczogW1xuICAgIGBcbiAgICAgIHdhdHQtZGF0ZS1jaGlwIHtcbiAgICAgICAgaW5wdXQge1xuICAgICAgICAgIHRvcDogMDtcbiAgICAgICAgICBib3R0b206IDA7XG4gICAgICAgICAgaGVpZ2h0OiBhdXRvO1xuICAgICAgICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgICAgICAgfVxuXG4gICAgICAgIHdhdHQtZmllbGQgbGFiZWwgLndhdHQtZmllbGQtd3JhcHBlciB7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICBgLFxuICBdLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxtYXQtZGF0ZXBpY2tlciAjcGlja2VyIC8+XG4gICAgPHdhdHQtZmllbGQgW2NvbnRyb2xdPVwiZm9ybUNvbnRyb2xcIiBbY2hpcE1vZGVdPVwidHJ1ZVwiPlxuICAgICAgPHdhdHQtbWVudS1jaGlwXG4gICAgICAgIGhhc1BvcHVwPVwiZGlhbG9nXCJcbiAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICAgICAgW3NlbGVjdGVkXT1cIiEhdmFsdWVcIlxuICAgICAgICBbb3BlbmVkXT1cInBpY2tlci5vcGVuZWRcIlxuICAgICAgICAodG9nZ2xlKT1cInBpY2tlci5vcGVuKClcIlxuICAgICAgPlxuICAgICAgICA8aW5wdXRcbiAgICAgICAgICB0YWJpbmRleD1cIi0xXCJcbiAgICAgICAgICBjbGFzcz1cImNkay12aXN1YWxseS1oaWRkZW5cIlxuICAgICAgICAgIHR5cGU9XCJ0ZXh0XCJcbiAgICAgICAgICBbdmFsdWVdPVwidmFsdWVcIlxuICAgICAgICAgIFttYXREYXRlcGlja2VyXT1cInBpY2tlclwiXG4gICAgICAgICAgKGRhdGVDaGFuZ2UpPVwidmFsdWUgPSAkZXZlbnQudmFsdWVcIlxuICAgICAgICAgIChkYXRlQ2hhbmdlKT1cInNlbGVjdGlvbkNoYW5nZS5lbWl0KCRldmVudC52YWx1ZSlcIlxuICAgICAgICAvPlxuICAgICAgICB7eyBwbGFjZWhvbGRlciB9fVxuICAgICAgICA8c3Bhbj5cbiAgICAgICAgICBAaWYgKHZhbHVlKSB7XG4gICAgICAgICAgICBAaWYgKHBsYWNlaG9sZGVyKSB7XG4gICAgICAgICAgICAgIDpcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIHt7IHZhbHVlIHwgd2F0dERhdGUgfX1cbiAgICAgICAgICB9XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgIDwvd2F0dC1tZW51LWNoaXA+XG4gICAgICA8bmctY29udGVudCBuZ1Byb2plY3RBcz1cIndhdHQtZmllbGQtaGludFwiIHNlbGVjdD1cIndhdHQtZmllbGQtaGludFwiIC8+XG4gICAgICA8bmctY29udGVudCBuZ1Byb2plY3RBcz1cIndhdHQtZmllbGQtZXJyb3JcIiBzZWxlY3Q9XCJ3YXR0LWZpZWxkLWVycm9yXCIgLz5cbiAgICA8L3dhdHQtZmllbGQ+XG4gIGAsXG59KVxuZXhwb3J0IGNsYXNzIFdhdHREYXRlQ2hpcENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XG4gIEBJbnB1dCgpIGxhYmVsPzogc3RyaW5nO1xuICBASW5wdXQoKSBwbGFjZWhvbGRlcj86IHN0cmluZztcbiAgQElucHV0KCkgdmFsdWU/OiBzdHJpbmc7XG4gIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pIGZvcm1Db250cm9sITogRm9ybUNvbnRyb2w7XG4gIEBPdXRwdXQoKSBzZWxlY3Rpb25DaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPERhdGU+KCk7XG59XG4iXX0=

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

@@ -0,0 +1,240 @@
+//#region License
+/**
+ * @license
+ * Copyright 2020 Energinet DataHub A/S
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License2");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+//#endregion
+import { FormControl } from '@angular/forms';
+import { Component, EventEmitter, HostBinding, Injectable, Input, Output, ViewEncapsulation, inject, } from '@angular/core';
+import { DateAdapter } from '@angular/material/core';
+import { DateRange, DefaultMatCalendarRangeStrategy, MAT_DATE_RANGE_SELECTION_STRATEGY, MatDatepickerModule, } from '@angular/material/datepicker';
+import { dayjs, WattDatePipe } from '@energinet/watt/core/date';
+import { WattButtonComponent } from '@energinet/watt/button';
+import { WattFieldComponent } from '@energinet/watt/field';
+import { WattDatepickerIntlService } from '@energinet/watt/picker/datepicker';
+import { WattMenuChipComponent } from './watt-menu-chip.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/datepicker";
+export class WattDateRangeSelectionStrategy extends DefaultMatCalendarRangeStrategy {
+    customSelectionStrategy;
+    setCustomSelectionStrategy(strategy) {
+        this.customSelectionStrategy = strategy;
+    }
+    selectionFinished(date, currentRange) {
+        let range = super.selectionFinished(date, currentRange);
+        if (this.customSelectionStrategy) {
+            range = this.customSelectionStrategy(date);
+        }
+        return range.end ? new DateRange(range.start, dayjs(range.end).endOf('day').toDate()) : range;
+    }
+    createPreview(activeDate, currentRange) {
+        if (!this.customSelectionStrategy) {
+            return super.createPreview(activeDate, currentRange);
+        }
+        else {
+            return this.customSelectionStrategy(activeDate);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: WattDateRangeSelectionStrategy, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: WattDateRangeSelectionStrategy, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: WattDateRangeSelectionStrategy, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+export class WattDateRangeChipComponent {
+    disabled = false;
+    label;
+    value;
+    formControl;
+    placeholder = true;
+    showActions = false;
+    customSelectionStrategy;
+    get hasPlaceholderClass() {
+        return this.placeholder;
+    }
+    selectionChange = new EventEmitter();
+    _dateAdapter = inject(DateAdapter);
+    intl = inject(WattDatepickerIntlService);
+    selectionStrategy() {
+        const strategy = new WattDateRangeSelectionStrategy(this._dateAdapter);
+        strategy.setCustomSelectionStrategy(this.customSelectionStrategy);
+        return strategy;
+    }
+    clearInput() {
+        this.value = undefined;
+        this.selectionChange.emit(null);
+    }
+    onSelectionChange(value) {
+        this.selectionChange.emit(value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: WattDateRangeChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.3", type: WattDateRangeChipComponent, isStandalone: true, selector: "watt-date-range-chip", inputs: { disabled: "disabled", label: "label", value: "value", formControl: "formControl", placeholder: "placeholder", showActions: "showActions", customSelectionStrategy: "customSelectionStrategy" }, outputs: { selectionChange: "selectionChange" }, host: { properties: { "class.has-placeholder": "this.hasPlaceholderClass" } }, providers: [
+            {
+                provide: MAT_DATE_RANGE_SELECTION_STRATEGY,
+                useFactory: (comp) => comp.selectionStrategy(),
+                deps: [WattDateRangeChipComponent],
+            },
+        ], ngImport: i0, template: `
+    <mat-date-range-picker #picker>
+      @if (showActions) {
+        <mat-date-range-picker-actions>
+          <watt-button variant="text" (click)="clearInput()" icon="remove">{{
+            intl.clear
+          }}</watt-button>
+          <watt-button variant="primary" matDateRangePickerApply>{{ intl.select }}</watt-button>
+        </mat-date-range-picker-actions>
+      }
+    </mat-date-range-picker>
+
+    <watt-field [control]="formControl" [chipMode]="true">
+      <watt-menu-chip
+        hasPopup="dialog"
+        [disabled]="disabled"
+        [selected]="value?.start && value?.end ? true : false"
+        [opened]="picker.opened"
+        (toggle)="picker.open()"
+      >
+        <mat-date-range-input
+          #input
+          class="cdk-visually-hidden"
+          separator=""
+          [rangePicker]="picker"
+        >
+          <input
+            type="text"
+            matStartDate
+            tabindex="-1"
+            role="none"
+            [value]="value?.start"
+            (dateChange)="value = input.value!"
+            (dateChange)="showActions && onSelectionChange($event.value ? input.value! : null)"
+          />
+          <input
+            type="text"
+            matEndDate
+            tabindex="-1"
+            role="none"
+            [value]="value?.end"
+            (dateChange)="value = input.value!"
+            (dateChange)="onSelectionChange($event.value ? input.value! : null)"
+          />
+        </mat-date-range-input>
+        <ng-content />
+        @if (value?.start && value?.end) {
+          <span class="value">
+            {{ value | wattDate }}
+          </span>
+        }
+      </watt-menu-chip>
+      <ng-content ngProjectAs="watt-field-hint" select="watt-field-hint" />
+      <ng-content ngProjectAs="watt-field-error" select="watt-field-error" />
+    </watt-field>
+  `, isInline: true, styles: ["watt-date-range-chip mat-date-range-input{top:0;bottom:0;height:auto;visibility:hidden}watt-date-range-chip.has-placeholder .value:before{content:\":\"}watt-date-range-chip watt-field label .watt-field-wrapper{background-color:transparent}\n"], dependencies: [{ kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i1.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i1.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i1.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i1.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "component", type: i1.MatDatepickerActions, selector: "mat-datepicker-actions, mat-date-range-picker-actions" }, { kind: "directive", type: i1.MatDatepickerApply, selector: "[matDatepickerApply], [matDateRangePickerApply]" }, { kind: "component", type: WattMenuChipComponent, selector: "watt-menu-chip", inputs: ["opened", "disabled", "name", "value", "selected", "hasPopup"], outputs: ["toggle"] }, { kind: "pipe", type: WattDatePipe, name: "wattDate" }, { kind: "component", type: WattFieldComponent, selector: "watt-field", inputs: ["control", "label", "id", "chipMode", "tooltip", "placeholder", "anchorName"] }, { kind: "component", type: WattButtonComponent, selector: "watt-button", inputs: ["icon", "variant", "size", "type", "formId", "disabled", "loading"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: WattDateRangeChipComponent, decorators: [{
+            type: Component,
+            args: [{ imports: [
+                        MatDatepickerModule,
+                        WattMenuChipComponent,
+                        WattDatePipe,
+                        WattFieldComponent,
+                        WattButtonComponent,
+                    ], providers: [
+                        {
+                            provide: MAT_DATE_RANGE_SELECTION_STRATEGY,
+                            useFactory: (comp) => comp.selectionStrategy(),
+                            deps: [WattDateRangeChipComponent],
+                        },
+                    ], selector: 'watt-date-range-chip', encapsulation: ViewEncapsulation.None, template: `
+    <mat-date-range-picker #picker>
+      @if (showActions) {
+        <mat-date-range-picker-actions>
+          <watt-button variant="text" (click)="clearInput()" icon="remove">{{
+            intl.clear
+          }}</watt-button>
+          <watt-button variant="primary" matDateRangePickerApply>{{ intl.select }}</watt-button>
+        </mat-date-range-picker-actions>
+      }
+    </mat-date-range-picker>
+
+    <watt-field [control]="formControl" [chipMode]="true">
+      <watt-menu-chip
+        hasPopup="dialog"
+        [disabled]="disabled"
+        [selected]="value?.start && value?.end ? true : false"
+        [opened]="picker.opened"
+        (toggle)="picker.open()"
+      >
+        <mat-date-range-input
+          #input
+          class="cdk-visually-hidden"
+          separator=""
+          [rangePicker]="picker"
+        >
+          <input
+            type="text"
+            matStartDate
+            tabindex="-1"
+            role="none"
+            [value]="value?.start"
+            (dateChange)="value = input.value!"
+            (dateChange)="showActions && onSelectionChange($event.value ? input.value! : null)"
+          />
+          <input
+            type="text"
+            matEndDate
+            tabindex="-1"
+            role="none"
+            [value]="value?.end"
+            (dateChange)="value = input.value!"
+            (dateChange)="onSelectionChange($event.value ? input.value! : null)"
+          />
+        </mat-date-range-input>
+        <ng-content />
+        @if (value?.start && value?.end) {
+          <span class="value">
+            {{ value | wattDate }}
+          </span>
+        }
+      </watt-menu-chip>
+      <ng-content ngProjectAs="watt-field-hint" select="watt-field-hint" />
+      <ng-content ngProjectAs="watt-field-error" select="watt-field-error" />
+    </watt-field>
+  `, styles: ["watt-date-range-chip mat-date-range-input{top:0;bottom:0;height:auto;visibility:hidden}watt-date-range-chip.has-placeholder .value:before{content:\":\"}watt-date-range-chip watt-field label .watt-field-wrapper{background-color:transparent}\n"] }]
+        }], propDecorators: { disabled: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], formControl: [{
+                type: Input,
+                args: [{ required: true }]
+            }], placeholder: [{
+                type: Input
+            }], showActions: [{
+                type: Input
+            }], customSelectionStrategy: [{
+                type: Input
+            }], hasPlaceholderClass: [{
+                type: HostBinding,
+                args: ['class.has-placeholder']
+            }], selectionChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2F0dC1kYXRlLXJhbmdlLWNoaXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vbGlicy93YXR0L3BhY2thZ2UvY2hpcC93YXR0LWRhdGUtcmFuZ2UtY2hpcC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsaUJBQWlCO0FBQ2pCOzs7Ozs7Ozs7Ozs7Ozs7R0FlRztBQUNILFlBQVk7QUFDWixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUNMLFNBQVMsRUFDVCxZQUFZLEVBQ1osV0FBVyxFQUNYLFVBQVUsRUFDVixLQUFLLEVBQ0wsTUFBTSxFQUNOLGlCQUFpQixFQUNqQixNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRXJELE9BQU8sRUFDTCxTQUFTLEVBQ1QsK0JBQStCLEVBQy9CLGlDQUFpQyxFQUNqQyxtQkFBbUIsR0FDcEIsTUFBTSw4QkFBOEIsQ0FBQztBQUN0QyxPQUFPLEVBQUUsS0FBSyxFQUFFLFlBQVksRUFBYSxNQUFNLDJCQUEyQixDQUFDO0FBQzNFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQzdELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQzNELE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBRTlFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDRCQUE0QixDQUFDOzs7QUFPbkUsTUFBTSxPQUFPLDhCQUErQixTQUFRLCtCQUFxQztJQUMvRSx1QkFBdUIsQ0FBMkI7SUFFMUQsMEJBQTBCLENBQUMsUUFBaUM7UUFDMUQsSUFBSSxDQUFDLHVCQUF1QixHQUFHLFFBQVEsQ0FBQztJQUMxQyxDQUFDO0lBRVEsaUJBQWlCLENBQUMsSUFBVSxFQUFFLFlBQTZC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d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlDQUFpQzs0QkFDMUMsVUFBVSxFQUFFLENBQUMsSUFBZ0MsRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLGlCQUFpQixFQUFFOzRCQUMxRSxJQUFJLEVBQUUsNEJBQTRCO3lCQUNuQztxQkFDRixZQUNTLHNCQUFzQixpQkFDakIsaUJBQWlCLENBQUMsSUFBSSxZQXFCM0I7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F1RFQ7OEJBR1EsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNxQixXQUFXO3NCQUFyQyxLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtnQkFDaEIsV0FBVztzQkFBbkIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLHVCQUF1QjtzQkFBL0IsS0FBSztnQkFHRixtQkFBbUI7c0JBRHRCLFdBQVc7dUJBQUMsdUJBQXVCO2dCQUsxQixlQUFlO3NCQUF4QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiLy8jcmVnaW9uIExpY2Vuc2Vcbi8qKlxuICogQGxpY2Vuc2VcbiAqIENvcHlyaWdodCAyMDIwIEVuZXJnaW5ldCBEYXRhSHViIEEvU1xuICpcbiAqIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2UyXCIpO1xuICogeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8vI2VuZHJlZ2lvblxuaW1wb3J0IHsgRm9ybUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQge1xuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSG9zdEJpbmRpbmcsXG4gIEluamVjdGFibGUsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxuICBpbmplY3QsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRGF0ZUFkYXB0ZXIgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9jb3JlJztcblxuaW1wb3J0IHtcbiAgRGF0ZVJhbmdlLFxuICBEZWZhdWx0TWF0Q2FsZW5kYXJSYW5nZVN0cmF0ZWd5LFxuICBNQVRfREFURV9SQU5HRV9TRUxFQ1RJT05fU1RSQVRFR1ksXG4gIE1hdERhdGVwaWNrZXJNb2R1bGUsXG59IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RhdGVwaWNrZXInO1xuaW1wb3J0IHsgZGF5anMsIFdhdHREYXRlUGlwZSwgV2F0dFJhbmdlIH0gZnJvbSAnQGVuZXJnaW5ldC93YXR0L2NvcmUvZGF0ZSc7XG5pbXBvcnQgeyBXYXR0QnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnQGVuZXJnaW5ldC93YXR0L2J1dHRvbic7XG5pbXBvcnQgeyBXYXR0RmllbGRDb21wb25lbnQgfSBmcm9tICdAZW5lcmdpbmV0L3dhdHQvZmllbGQnO1xuaW1wb3J0IHsgV2F0dERhdGVwaWNrZXJJbnRsU2VydmljZSB9IGZyb20gJ0BlbmVyZ2luZXQvd2F0dC9waWNrZXIvZGF0ZXBpY2tlcic7XG5cbmltcG9ydCB7IFdhdHRNZW51Q2hpcENvbXBvbmVudCB9IGZyb20gJy4vd2F0dC1tZW51LWNoaXAuY29tcG9uZW50JztcblxudHlwZSBjdXN0b21TZWxlY3Rpb25TdHJhdGVneSA9IChkYXRlOiBEYXRlIHwgbnVsbCkgPT4gRGF0ZVJhbmdlPERhdGU+O1xuXG5ASW5qZWN0YWJsZSh7XG4gIHByb3ZpZGVkSW46ICdyb290Jyxcbn0pXG5leHBvcnQgY2xhc3MgV2F0dERhdGVSYW5nZVNlbGVjdGlvblN0cmF0ZWd5IGV4dGVuZHMgRGVmYXVsdE1hdENhbGVuZGFyUmFuZ2VTdHJhdGVneTxEYXRlPiB7XG4gIHByaXZhdGUgY3VzdG9tU2VsZWN0aW9uU3RyYXRlZ3khOiBjdXN0b21TZWxlY3Rpb25TdHJhdGVneTtcblxuICBzZXRDdXN0b21TZWxlY3Rpb25TdHJhdGVneShzdHJhdGVneTogY3VzdG9tU2VsZWN0aW9uU3RyYXRlZ3kpIHtcbiAgICB0aGlzLmN1c3RvbVNlbGVjdGlvblN0cmF0ZWd5ID0gc3RyYXRlZ3k7XG4gIH1cblxuICBvdmVycmlkZSBzZWxlY3Rpb25GaW5pc2hlZChkYXRlOiBEYXRlLCBjdXJyZW50UmFuZ2U6IERhdGVSYW5nZTxEYXRlPik6IERhdGVSYW5nZTxEYXRlPiB7XG4gICAgbGV0IHJhbmdlOiBEYXRlUmFuZ2U8RGF0ZT4gPSBzdXBlci5zZWxlY3Rpb25GaW5pc2hlZChkYXRlLCBjdXJyZW50UmFuZ2UpO1xuXG4gICAgaWYgKHRoaXMuY3VzdG9tU2VsZWN0aW9uU3RyYXRlZ3kpIHtcbiAgICAgIHJhbmdlID0gdGhpcy5jdXN0b21TZWxlY3Rpb25TdHJhdGVneShkYXRlKTtcbiAgICB9XG5cbiAgICByZXR1cm4gcmFuZ2UuZW5kID8gbmV3IERhdGVSYW5nZShyYW5nZS5zdGFydCwgZGF5anMocmFuZ2UuZW5kKS5lbmRPZignZGF5JykudG9EYXRlKCkpIDogcmFuZ2U7XG4gIH1cblxuICBvdmVycmlkZSBjcmVhdGVQcmV2aWV3KGFjdGl2ZURhdGU6IERhdGUgfCBudWxsLCBjdXJyZW50UmFuZ2U6IERhdGVSYW5nZTxEYXRlPik6IERhdGVSYW5nZTxEYXRlPiB7XG4gICAgaWYgKCF0aGlzLmN1c3RvbVNlbGVjdGlvblN0cmF0ZWd5KSB7XG4gICAgICByZXR1cm4gc3VwZXIuY3JlYXRlUHJldmlldyhhY3RpdmVEYXRlLCBjdXJyZW50UmFuZ2UpO1xuICAgIH0gZWxzZSB7XG4gICAgICByZXR1cm4gdGhpcy5jdXN0b21TZWxlY3Rpb25TdHJhdGVneShhY3RpdmVEYXRlKTtcbiAgICB9XG4gIH1cbn1cblxuQENvbXBvbmVudCh7XG4gIGltcG9ydHM6IFtcbiAgICBNYXREYXRlcGlja2VyTW9kdWxlLFxuICAgIFdhdHRNZW51Q2hpcENvbXBvbmVudCxcbiAgICBXYXR0RGF0ZVBpcGUsXG4gICAgV2F0dEZpZWxkQ29tcG9uZW50LFxuICAgIFdhdHRCdXR0b25Db21wb25lbnQsXG4gIF0sXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IE1BVF9EQVRFX1JBTkdFX1NFTEVDVElPTl9TVFJBVEVHWSxcbiAgICAgIHVzZUZhY3Rvcnk6IChjb21wOiBXYXR0RGF0ZVJhbmdlQ2hpcENvbXBvbmVudCkgPT4gY29tcC5zZWxlY3Rpb25TdHJhdGVneSgpLFxuICAgICAgZGVwczogW1dhdHREYXRlUmFuZ2VDaGlwQ29tcG9uZW50XSxcbiAgICB9LFxuICBdLFxuICBzZWxlY3RvcjogJ3dhdHQtZGF0ZS1yYW5nZS1jaGlwJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgc3R5bGVzOiBbXG4gICAgYFxuICAgICAgd2F0dC1kYXRlLXJhbmdlLWNoaXAge1xuICAgICAgICBtYXQtZGF0ZS1yYW5nZS1pbnB1dCB7XG4gICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICBoZWlnaHQ6IGF1dG87XG4gICAgICAgICAgdmlzaWJpbGl0eTogaGlkZGVuO1xuICAgICAgICB9XG5cbiAgICAgICAgJi5oYXMtcGxhY2Vob2xkZXIgLnZhbHVlOjpiZWZvcmUge1xuICAgICAgICAgIGNvbnRlbnQ6ICc6JztcbiAgICAgICAgfVxuXG4gICAgICAgIHdhdHQtZmllbGQgbGFiZWwgLndhdHQtZmllbGQtd3JhcHBlciB7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICBgLFxuICBdLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxtYXQtZGF0ZS1yYW5nZS1waWNrZXIgI3BpY2tlcj5cbiAgICAgIEBpZiAoc2hvd0FjdGlvbnMpIHtcbiAgICAgICAgPG1hdC1kYXRlLXJhbmdlLXBpY2tlci1hY3Rpb25zPlxuICAgICAgICAgIDx3YXR0LWJ1dHRvbiB2YXJpYW50PVwidGV4dFwiIChjbGljayk9XCJjbGVhcklucHV0KClcIiBpY29uPVwicmVtb3ZlXCI+e3tcbiAgICAgICAgICAgIGludGwuY2xlYXJcbiAgICAgICAgICB9fTwvd2F0dC1idXR0b24+XG4gICAgICAgICAgPHdhdHQtYnV0dG9uIHZhcmlhbnQ9XCJwcmltYXJ5XCIgbWF0RGF0ZVJhbmdlUGlja2VyQXBwbHk+e3sgaW50bC5zZWxlY3QgfX08L3dhdHQtYnV0dG9uPlxuICAgICAgICA8L21hdC1kYXRlLXJhbmdlLXBpY2tlci1hY3Rpb25zPlxuICAgICAgfVxuICAgIDwvbWF0LWRhdGUtcmFuZ2UtcGlja2VyPlxuXG4gICAgPHdhdHQtZmllbGQgW2NvbnRyb2xdPVwiZm9ybUNvbnRyb2xcIiBbY2hpcE1vZGVdPVwidHJ1ZVwiPlxuICAgICAgPHdhdHQtbWVudS1jaGlwXG4gICAgICAgIGhhc1BvcHVwPVwiZGlhbG9nXCJcbiAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICAgICAgW3NlbGVjdGVkXT1cInZhbHVlPy5zdGFydCAmJiB2YWx1ZT8uZW5kID8gdHJ1ZSA6IGZhbHNlXCJcbiAgICAgICAgW29wZW5lZF09XCJwaWNrZXIub3BlbmVkXCJcbiAgICAgICAgKHRvZ2dsZSk9XCJwaWNrZXIub3BlbigpXCJcbiAgICAgID5cbiAgICAgICAgPG1hdC1kYXRlLXJhbmdlLWlucHV0XG4gICAgICAgICAgI2lucHV0XG4gICAgICAgICAgY2xhc3M9XCJjZGstdmlzdWFsbHktaGlkZGVuXCJcbiAgICAgICAgICBzZXBhcmF0b3I9XCJcIlxuICAgICAgICAgIFtyYW5nZVBpY2tlcl09XCJwaWNrZXJcIlxuICAgICAgICA+XG4gICAgICAgICAgPGlucHV0XG4gICAgICAgICAgICB0eXBlPVwidGV4dFwiXG4gICAgICAgICAgICBtYXRTdGFydERhdGVcbiAgICAgICAgICAgIHRhYmluZGV4PVwiLTFcIlxuICAgICAgICAgICAgcm9sZT1cIm5vbmVcIlxuICAgICAgICAgICAgW3ZhbHVlXT1cInZhbHVlPy5zdGFydFwiXG4gICAgICAgICAgICAoZGF0ZUNoYW5nZSk9XCJ2YWx1ZSA9IGlucHV0LnZhbHVlIVwiXG4gICAgICAgICAgICAoZGF0ZUNoYW5nZSk9XCJzaG93QWN0aW9ucyAmJiBvblNlbGVjdGlvbkNoYW5nZSgkZXZlbnQudmFsdWUgPyBpbnB1dC52YWx1ZSEgOiBudWxsKVwiXG4gICAgICAgICAgLz5cbiAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgIHR5cGU9XCJ0ZXh0XCJcbiAgICAgICAgICAgIG1hdEVuZERhdGVcbiAgICAgICAgICAgIHRhYmluZGV4PVwiLTFcIlxuICAgICAgICAgICAgcm9sZT1cIm5vbmVcIlxuICAgICAgICAgICAgW3ZhbHVlXT1cInZhbHVlPy5lbmRcIlxuICAgICAgICAgICAgKGRhdGVDaGFuZ2UpPVwidmFsdWUgPSBpbnB1dC52YWx1ZSFcIlxuICAgICAgICAgICAgKGRhdGVDaGFuZ2UpPVwib25TZWxlY3Rpb25DaGFuZ2UoJGV2ZW50LnZhbHVlID8gaW5wdXQudmFsdWUhIDogbnVsbClcIlxuICAgICAgICAgIC8+XG4gICAgICAgIDwvbWF0LWRhdGUtcmFuZ2UtaW5wdXQ+XG4gICAgICAgIDxuZy1jb250ZW50IC8+XG4gICAgICAgIEBpZiAodmFsdWU/LnN0YXJ0ICYmIHZhbHVlPy5lbmQpIHtcbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInZhbHVlXCI+XG4gICAgICAgICAgICB7eyB2YWx1ZSB8IHdhdHREYXRlIH19XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICB9XG4gICAgICA8L3dhdHQtbWVudS1jaGlwPlxuICAgICAgPG5nLWNvbnRlbnQgbmdQcm9qZWN0QXM9XCJ3YXR0LWZpZWxkLWhpbnRcIiBzZWxlY3Q9XCJ3YXR0LWZpZWxkLWhpbnRcIiAvPlxuICAgICAgPG5nLWNvbnRlbnQgbmdQcm9qZWN0QXM9XCJ3YXR0LWZpZWxkLWVycm9yXCIgc2VsZWN0PVwid2F0dC1maWVsZC1lcnJvclwiIC8+XG4gICAgPC93YXR0LWZpZWxkPlxuICBgLFxufSlcbmV4cG9ydCBjbGFzcyBXYXR0RGF0ZVJhbmdlQ2hpcENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XG4gIEBJbnB1dCgpIGxhYmVsPzogc3RyaW5nO1xuICBASW5wdXQoKSB2YWx1ZT86IFdhdHRSYW5nZTxEYXRlPjtcbiAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSkgZm9ybUNvbnRyb2whOiBGb3JtQ29udHJvbDtcbiAgQElucHV0KCkgcGxhY2Vob2xkZXIgPSB0cnVlO1xuICBASW5wdXQoKSBzaG93QWN0aW9ucyA9IGZhbHNlO1xuICBASW5wdXQoKSBjdXN0b21TZWxlY3Rpb25TdHJhdGVneSE6IChkYXRlOiBEYXRlIHwgbnVsbCkgPT4gRGF0ZVJhbmdlPERhdGU+O1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MuaGFzLXBsYWNlaG9sZGVyJylcbiAgZ2V0IGhhc1BsYWNlaG9sZGVyQ2xhc3MoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMucGxhY2Vob2xkZXI7XG4gIH1cblxuICBAT3V0cHV0KCkgc2VsZWN0aW9uQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxXYXR0UmFuZ2U8RGF0ZT4gfCBudWxsPigpO1xuXG4gIHByaXZhdGUgX2RhdGVBZGFwdGVyID0gaW5qZWN0KERhdGVBZGFwdGVyKTtcbiAgcHJvdGVjdGVkIGludGwgPSBpbmplY3QoV2F0dERhdGVwaWNrZXJJbnRsU2VydmljZSk7XG5cbiAgc2VsZWN0aW9uU3RyYXRlZ3koKSB7XG4gICAgY29uc3Qgc3RyYXRlZ3kgPSBuZXcgV2F0dERhdGVSYW5nZVNlbGVjdGlvblN0cmF0ZWd5KHRoaXMuX2RhdGVBZGFwdGVyKTtcbiAgICBzdHJhdGVneS5zZXRDdXN0b21TZWxlY3Rpb25TdHJhdGVneSh0aGlzLmN1c3RvbVNlbGVjdGlvblN0cmF0ZWd5KTtcbiAgICByZXR1cm4gc3RyYXRlZ3k7XG4gIH1cblxuICBjbGVhcklucHV0KCk6IHZvaWQge1xuICAgIHRoaXMudmFsdWUgPSB1bmRlZmluZWQ7XG4gICAgdGhpcy5zZWxlY3Rpb25DaGFuZ2UuZW1pdChudWxsKTtcbiAgfVxuXG4gIG9uU2VsZWN0aW9uQ2hhbmdlKHZhbHVlOiBXYXR0UmFuZ2U8RGF0ZT4gfCBudWxsKTogdm9pZCB7XG4gICAgdGhpcy5zZWxlY3Rpb25DaGFuZ2UuZW1pdCh2YWx1ZSk7XG4gIH1cbn1cbiJdfQ==

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

@@ -0,0 +1,94 @@
+//#region License
+/**
+ * @license
+ * Copyright 2020 Energinet DataHub A/S
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License2");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+//#endregion
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { WattChipComponent } from './watt-chip.component';
+import * as i0 from "@angular/core";
+function isFirstRender() {
+    let isFirstRender = true;
+    return () => {
+        if (!isFirstRender)
+            return false;
+        isFirstRender = false;
+        return true;
+    };
+}
+export class WattFilterChipComponent {
+    selected = false;
+    disabled = false;
+    name;
+    value;
+    choice;
+    selectionChange = new EventEmitter();
+    isFirstRender = isFirstRender();
+    onChange(input) {
+        const value = this.choice !== undefined ? input.value : input.checked;
+        this.selectionChange.emit(value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: WattFilterChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.3", type: WattFilterChipComponent, isStandalone: true, selector: "watt-filter-chip", inputs: { selected: "selected", disabled: "disabled", name: "name", value: "value", choice: "choice" }, outputs: { selectionChange: "selectionChange" }, ngImport: i0, template: `
+    <watt-chip [disabled]="disabled" [selected]="isFirstRender() ? selected : input.checked">
+      <input
+        #input
+        class="cdk-visually-hidden"
+        [type]="choice === undefined ? 'checkbox' : 'radio'"
+        [name]="name"
+        [value]="value"
+        [checked]="selected"
+        [disabled]="disabled"
+        (change)="onChange(input)"
+      />
+      <ng-content />
+    </watt-chip>
+  `, isInline: true, dependencies: [{ kind: "component", type: WattChipComponent, selector: "watt-chip", inputs: ["selected", "disabled", "readonly"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: WattFilterChipComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [WattChipComponent],
+                    selector: 'watt-filter-chip',
+                    template: `
+    <watt-chip [disabled]="disabled" [selected]="isFirstRender() ? selected : input.checked">
+      <input
+        #input
+        class="cdk-visually-hidden"
+        [type]="choice === undefined ? 'checkbox' : 'radio'"
+        [name]="name"
+        [value]="value"
+        [checked]="selected"
+        [disabled]="disabled"
+        (change)="onChange(input)"
+      />
+      <ng-content />
+    </watt-chip>
+  `,
+                }]
+        }], propDecorators: { selected: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], choice: [{
+                type: Input
+            }], selectionChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2F0dC1maWx0ZXItY2hpcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL3dhdHQvcGFja2FnZS9jaGlwL3dhdHQtZmlsdGVyLWNoaXAuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGlCQUFpQjtBQUNqQjs7Ozs7Ozs7Ozs7Ozs7O0dBZUc7QUFDSCxZQUFZO0FBQ1osT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV2RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQzs7QUFFMUQsU0FBUyxhQUFhO0lBQ3BCLElBQUksYUFBYSxHQUFHLElBQUksQ0FBQztJQUN6QixPQUFPLEdBQUcsRUFBRTtRQUNWLElBQUksQ0FBQyxhQUFhO1lBQUUsT0FBTyxLQUFLLENBQUM7UUFDakMsYUFBYSxHQUFHLEtBQUssQ0FBQztRQUN0QixPQUFPLElBQUksQ0FBQztJQUNkLENBQUMsQ0FBQztBQUNKLENBQUM7QUFxQkQsTUFBTSxPQUFPLHVCQUF1QjtJQUN6QixRQUFRLEdBQUcsS0FBSyxDQUFDO0lBQ2pCLFFBQVEsR0FBRyxLQUFLLENBQUM7SUFDakIsSUFBSSxDQUFVO0lBQ2QsS0FBSyxDQUFLO0lBQ1YsTUFBTSxDQUFVO0lBQ2YsZUFBZSxHQUFHLElBQUksWUFBWSxFQUFLLENBQUM7SUFDbEQsYUFBYSxHQUFHLGFBQWEsRUFBRSxDQUFDO0lBRWhDLFFBQVEsQ0FBQyxLQUF1QjtRQUM5QixNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsTUFBTSxLQUFLLFNBQVMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQztRQUN0RSxJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxLQUFVLENBQUMsQ0FBQztJQUN4QyxDQUFDO3VHQVpVLHVCQUF1QjsyRkFBdkIsdUJBQXVCLHFPQWhCeEI7Ozs7Ozs7Ozs7Ozs7O0dBY1QsNERBaEJTLGlCQUFpQjs7MkZBa0JoQix1QkFBdUI7a0JBbkJuQyxTQUFTO21CQUFDO29CQUNULE9BQU8sRUFBRSxDQUFDLGlCQUFpQixDQUFDO29CQUM1QixRQUFRLEVBQUUsa0JBQWtCO29CQUM1QixRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7O0dBY1Q7aUJBQ0Y7OEJBRVUsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNJLGVBQWU7c0JBQXhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyIvLyNyZWdpb24gTGljZW5zZVxuLyoqXG4gKiBAbGljZW5zZVxuICogQ29weXJpZ2h0IDIwMjAgRW5lcmdpbmV0IERhdGFIdWIgQS9TXG4gKlxuICogTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZTJcIik7XG4gKiB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLy8jZW5kcmVnaW9uXG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBXYXR0Q2hpcENvbXBvbmVudCB9IGZyb20gJy4vd2F0dC1jaGlwLmNvbXBvbmVudCc7XG5cbmZ1bmN0aW9uIGlzRmlyc3RSZW5kZXIoKSB7XG4gIGxldCBpc0ZpcnN0UmVuZGVyID0gdHJ1ZTtcbiAgcmV0dXJuICgpID0+IHtcbiAgICBpZiAoIWlzRmlyc3RSZW5kZXIpIHJldHVybiBmYWxzZTtcbiAgICBpc0ZpcnN0UmVuZGVyID0gZmFsc2U7XG4gICAgcmV0dXJuIHRydWU7XG4gIH07XG59XG5cbkBDb21wb25lbnQoe1xuICBpbXBvcnRzOiBbV2F0dENoaXBDb21wb25lbnRdLFxuICBzZWxlY3RvcjogJ3dhdHQtZmlsdGVyLWNoaXAnLFxuICB0ZW1wbGF0ZTogYFxuICAgIDx3YXR0LWNoaXAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCIgW3NlbGVjdGVkXT1cImlzRmlyc3RSZW5kZXIoKSA/IHNlbGVjdGVkIDogaW5wdXQuY2hlY2tlZFwiPlxuICAgICAgPGlucHV0XG4gICAgICAgICNpbnB1dFxuICAgICAgICBjbGFzcz1cImNkay12aXN1YWxseS1oaWRkZW5cIlxuICAgICAgICBbdHlwZV09XCJjaG9pY2UgPT09IHVuZGVmaW5lZCA/ICdjaGVja2JveCcgOiAncmFkaW8nXCJcbiAgICAgICAgW25hbWVdPVwibmFtZVwiXG4gICAgICAgIFt2YWx1ZV09XCJ2YWx1ZVwiXG4gICAgICAgIFtjaGVja2VkXT1cInNlbGVjdGVkXCJcbiAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICAgICAgKGNoYW5nZSk9XCJvbkNoYW5nZShpbnB1dClcIlxuICAgICAgLz5cbiAgICAgIDxuZy1jb250ZW50IC8+XG4gICAgPC93YXR0LWNoaXA+XG4gIGAsXG59KVxuZXhwb3J0IGNsYXNzIFdhdHRGaWx0ZXJDaGlwQ29tcG9uZW50PFQgPSBzdHJpbmc+IHtcbiAgQElucHV0KCkgc2VsZWN0ZWQgPSBmYWxzZTtcbiAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcbiAgQElucHV0KCkgbmFtZT86IHN0cmluZztcbiAgQElucHV0KCkgdmFsdWU/OiBUO1xuICBASW5wdXQoKSBjaG9pY2U/OiBzdHJpbmc7XG4gIEBPdXRwdXQoKSBzZWxlY3Rpb25DaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPFQ+KCk7XG4gIGlzRmlyc3RSZW5kZXIgPSBpc0ZpcnN0UmVuZGVyKCk7XG5cbiAgb25DaGFuZ2UoaW5wdXQ6IEhUTUxJbnB1dEVsZW1lbnQpOiB2b2lkIHtcbiAgICBjb25zdCB2YWx1ZSA9IHRoaXMuY2hvaWNlICE9PSB1bmRlZmluZWQgPyBpbnB1dC52YWx1ZSA6IGlucHV0LmNoZWNrZWQ7XG4gICAgdGhpcy5zZWxlY3Rpb25DaGFuZ2UuZW1pdCh2YWx1ZSBhcyBUKTtcbiAgfVxufVxuIl19

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

@@ -0,0 +1,95 @@
+//#region License
+/**
+ * @license
+ * Copyright 2020 Energinet DataHub A/S
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License2");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+//#endregion
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { WattIconComponent } from '@energinet/watt/icon';
+import { WattChipComponent } from './watt-chip.component';
+import * as i0 from "@angular/core";
+export class WattMenuChipComponent {
+    opened = false;
+    disabled = false;
+    name;
+    value;
+    selected = false;
+    hasPopup = 'menu';
+    // eslint-disable-next-line @angular-eslint/no-output-native
+    toggle = new EventEmitter();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: WattMenuChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.3", type: WattMenuChipComponent, isStandalone: true, selector: "watt-menu-chip", inputs: { opened: "opened", disabled: "disabled", name: "name", value: "value", selected: "selected", hasPopup: "hasPopup" }, outputs: { toggle: "toggle" }, ngImport: i0, template: `
+    <watt-chip [disabled]="disabled" [selected]="selected">
+      <button
+        class="cdk-visually-hidden"
+        [attr.aria-haspopup]="hasPopup"
+        [attr.aria-expanded]="opened"
+        [attr.aria-pressed]="selected"
+        (click)="toggle.emit()"
+        [disabled]="disabled"
+      ></button>
+      <ng-content />
+      <watt-icon
+        size="s"
+        name="arrowDropDown"
+        class="menu-icon"
+        [attr.aria-hidden]="true"
+        [class.opened]="opened"
+        [class.selected]="selected"
+        [class.disabled]="disabled"
+      />
+    </watt-chip>
+  `, isInline: true, styles: [":host{display:block}.menu-icon{margin-left:var(--watt-space-xs);transition:linear .2s all;color:var(--watt-color-primary)}.menu-icon.disabled{color:var(--watt-on-light-low-emphasis)}.opened{transform:rotate(180deg)}.selected{color:var(--watt-color-neutral-white)}.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: WattMenuChipComponent, decorators: [{
+            type: Component,
+            args: [{ imports: [WattChipComponent, WattIconComponent], selector: 'watt-menu-chip', template: `
+    <watt-chip [disabled]="disabled" [selected]="selected">
+      <button
+        class="cdk-visually-hidden"
+        [attr.aria-haspopup]="hasPopup"
+        [attr.aria-expanded]="opened"
+        [attr.aria-pressed]="selected"
+        (click)="toggle.emit()"
+        [disabled]="disabled"
+      ></button>
+      <ng-content />
+      <watt-icon
+        size="s"
+        name="arrowDropDown"
+        class="menu-icon"
+        [attr.aria-hidden]="true"
+        [class.opened]="opened"
+        [class.selected]="selected"
+        [class.disabled]="disabled"
+      />
+    </watt-chip>
+  `, styles: [":host{display:block}.menu-icon{margin-left:var(--watt-space-xs);transition:linear .2s all;color:var(--watt-color-primary)}.menu-icon.disabled{color:var(--watt-on-light-low-emphasis)}.opened{transform:rotate(180deg)}.selected{color:var(--watt-color-neutral-white)}.disabled{color:var(--watt-on-light-low-emphasis)}\n"] }]
+        }], propDecorators: { opened: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], selected: [{
+                type: Input
+            }], hasPopup: [{
+                type: Input
+            }], toggle: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2F0dC1tZW51LWNoaXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vbGlicy93YXR0L3BhY2thZ2UvY2hpcC93YXR0LW1lbnUtY2hpcC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsaUJBQWlCO0FBQ2pCOzs7Ozs7Ozs7Ozs7Ozs7R0FlRztBQUNILFlBQVk7QUFDWixPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXZFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3pELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDOztBQTJEMUQsTUFBTSxPQUFPLHFCQUFxQjtJQUN2QixNQUFNLEdBQUcsS0FBSyxDQUFDO0lBQ2YsUUFBUSxHQUFHLEtBQUssQ0FBQztJQUNqQixJQUFJLENBQVU7SUFDZCxLQUFLLENBQVU7SUFDZixRQUFRLEdBQUcsS0FBSyxDQUFDO0lBQ2pCLFFBQVEsR0FBeUIsTUFBTSxDQUFDO0lBQ2pELDREQUE0RDtJQUNsRCxNQUFNLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQzt1R0FSakMscUJBQXFCOzJGQUFyQixxQkFBcUIsdU9BdkJ0Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBcUJULHFZQXBEUyxpQkFBaUIsb0dBQUUsaUJBQWlCOzsyRkFzRG5DLHFCQUFxQjtrQkF2RGpDLFNBQVM7OEJBQ0MsQ0FBQyxpQkFBaUIsRUFBRSxpQkFBaUIsQ0FBQyxZQUNyQyxnQkFBZ0IsWUE4QmhCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FxQlQ7OEJBR1EsTUFBTTtzQkFBZCxLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBRUksTUFBTTtzQkFBZixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiLy8jcmVnaW9uIExpY2Vuc2Vcbi8qKlxuICogQGxpY2Vuc2VcbiAqIENvcHlyaWdodCAyMDIwIEVuZXJnaW5ldCBEYXRhSHViIEEvU1xuICpcbiAqIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2UyXCIpO1xuICogeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8vI2VuZHJlZ2lvblxuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgV2F0dEljb25Db21wb25lbnQgfSBmcm9tICdAZW5lcmdpbmV0L3dhdHQvaWNvbic7XG5pbXBvcnQgeyBXYXR0Q2hpcENvbXBvbmVudCB9IGZyb20gJy4vd2F0dC1jaGlwLmNvbXBvbmVudCc7XG5cbmV4cG9ydCB0eXBlIFdhdHRNZW51Q2hpcEhhc1BvcHVwID0gJ21lbnUnIHwgJ2xpc3Rib3gnIHwgJ3RyZWUnIHwgJ2dyaWQnIHwgJ2RpYWxvZyc7XG5cbkBDb21wb25lbnQoe1xuICBpbXBvcnRzOiBbV2F0dENoaXBDb21wb25lbnQsIFdhdHRJY29uQ29tcG9uZW50XSxcbiAgc2VsZWN0b3I6ICd3YXR0LW1lbnUtY2hpcCcsXG4gIHN0eWxlczogW1xuICAgIGBcbiAgICAgIDpob3N0IHtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICB9XG5cbiAgICAgIC5tZW51LWljb24ge1xuICAgICAgICBtYXJnaW4tbGVmdDogdmFyKC0td2F0dC1zcGFjZS14cyk7XG4gICAgICAgIHRyYW5zaXRpb246IGxpbmVhciAwLjJzIGFsbDtcbiAgICAgICAgY29sb3I6IHZhcigtLXdhdHQtY29sb3ItcHJpbWFyeSk7XG5cbiAgICAgICAgJi5kaXNhYmxlZCB7XG4gICAgICAgICAgY29sb3I6IHZhcigtLXdhdHQtb24tbGlnaHQtbG93LWVtcGhhc2lzKTtcbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICAub3BlbmVkIHtcbiAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMTgwZGVnKTtcbiAgICAgIH1cblxuICAgICAgLnNlbGVjdGVkIHtcbiAgICAgICAgY29sb3I6IHZhcigtLXdhdHQtY29sb3ItbmV1dHJhbC13aGl0ZSk7XG4gICAgICB9XG5cbiAgICAgIC5kaXNhYmxlZCB7XG4gICAgICAgIGNvbG9yOiB2YXIoLS13YXR0LW9uLWxpZ2h0LWxvdy1lbXBoYXNpcyk7XG4gICAgICB9XG4gICAgYCxcbiAgXSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8d2F0dC1jaGlwIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiIFtzZWxlY3RlZF09XCJzZWxlY3RlZFwiPlxuICAgICAgPGJ1dHRvblxuICAgICAgICBjbGFzcz1cImNkay12aXN1YWxseS1oaWRkZW5cIlxuICAgICAgICBbYXR0ci5hcmlhLWhhc3BvcHVwXT1cImhhc1BvcHVwXCJcbiAgICAgICAgW2F0dHIuYXJpYS1leHBhbmRlZF09XCJvcGVuZWRcIlxuICAgICAgICBbYXR0ci5hcmlhLXByZXNzZWRdPVwic2VsZWN0ZWRcIlxuICAgICAgICAoY2xpY2spPVwidG9nZ2xlLmVtaXQoKVwiXG4gICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gICAgICA+PC9idXR0b24+XG4gICAgICA8bmctY29udGVudCAvPlxuICAgICAgPHdhdHQtaWNvblxuICAgICAgICBzaXplPVwic1wiXG4gICAgICAgIG5hbWU9XCJhcnJvd0Ryb3BEb3duXCJcbiAgICAgICAgY2xhc3M9XCJtZW51LWljb25cIlxuICAgICAgICBbYXR0ci5hcmlhLWhpZGRlbl09XCJ0cnVlXCJcbiAgICAgICAgW2NsYXNzLm9wZW5lZF09XCJvcGVuZWRcIlxuICAgICAgICBbY2xhc3Muc2VsZWN0ZWRdPVwic2VsZWN0ZWRcIlxuICAgICAgICBbY2xhc3MuZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgICAgLz5cbiAgICA8L3dhdHQtY2hpcD5cbiAgYCxcbn0pXG5leHBvcnQgY2xhc3MgV2F0dE1lbnVDaGlwQ29tcG9uZW50IHtcbiAgQElucHV0KCkgb3BlbmVkID0gZmFsc2U7XG4gIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XG4gIEBJbnB1dCgpIG5hbWU/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHZhbHVlPzogc3RyaW5nO1xuICBASW5wdXQoKSBzZWxlY3RlZCA9IGZhbHNlO1xuICBASW5wdXQoKSBoYXNQb3B1cDogV2F0dE1lbnVDaGlwSGFzUG9wdXAgPSAnbWVudSc7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvbm8tb3V0cHV0LW5hdGl2ZVxuICBAT3V0cHV0KCkgdG9nZ2xlID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xufVxuIl19

package/esm2022/clipboard/energinet-watt-clipboard.js

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW5lcmdpbmV0LXdhdHQtY2xpcGJvYXJkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vbGlicy93YXR0L3BhY2thZ2UvY2xpcGJvYXJkL2VuZXJnaW5ldC13YXR0LWNsaXBib2FyZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==

package/esm2022/clipboard/index.js

@@ -0,0 +1,21 @@
+//#region License
+/**
+ * @license
+ * Copyright 2020 Energinet DataHub A/S
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License2");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+//#endregion
+export { WattCopyToClipboardDirective } from './watt-copy-to-clipboard.directive';
+export { WattClipboardIntlService } from './watt-clipboard-intl.service';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL3dhdHQvcGFja2FnZS9jbGlwYm9hcmQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsaUJBQWlCO0FBQ2pCOzs7Ozs7Ozs7Ozs7Ozs7R0FlRztBQUNILFlBQVk7QUFDWixPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUNsRixPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8vI3JlZ2lvbiBMaWNlbnNlXG4vKipcbiAqIEBsaWNlbnNlXG4gKiBDb3B5cmlnaHQgMjAyMCBFbmVyZ2luZXQgRGF0YUh1YiBBL1NcbiAqXG4gKiBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlMlwiKTtcbiAqIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vLyNlbmRyZWdpb25cbmV4cG9ydCB7IFdhdHRDb3B5VG9DbGlwYm9hcmREaXJlY3RpdmUgfSBmcm9tICcuL3dhdHQtY29weS10by1jbGlwYm9hcmQuZGlyZWN0aXZlJztcbmV4cG9ydCB7IFdhdHRDbGlwYm9hcmRJbnRsU2VydmljZSB9IGZyb20gJy4vd2F0dC1jbGlwYm9hcmQtaW50bC5zZXJ2aWNlJztcbiJdfQ==