@energinet/watt 0.0.1

package/fesm2022/energinet-watt-datetime-field.mjs

@@ -0,0 +1,233 @@
+import * as i0 from '@angular/core';
+import { inject, viewChild, input, output, signal, computed, forwardRef, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { FormControl, ReactiveFormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
+import { takeUntilDestroyed, outputFromObservable } from '@angular/core/rxjs-interop';
+import { MatCalendar } from '@angular/material/datepicker';
+import { MaskitoDirective } from '@maskito/angular';
+import { maskitoDateTimeOptionsGenerator } from '@maskito/kit';
+import { map, share } from 'rxjs';
+import { WattLocaleService, dayjs } from '@energinet/watt/core/date';
+import { WattFieldComponent } from '@energinet/watt/field';
+import { WattButtonComponent } from '@energinet/watt/button';
+
+//#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
+const DA_FILLER = 'dd-mm-åååå, tt:mm';
+const EN_FILLER = 'dd-mm-yyyy, hh:mm';
+const DATETIME_FORMAT = 'DD-MM-YYYY, HH:mm';
+const PARTIAL_DATETIME_FORMAT = 'DD-MM-YYYY, ';
+const DANISH_TIME_ZONE_IDENTIFIER = 'Europe/Copenhagen';
+/* eslint-disable @angular-eslint/component-class-suffix */
+class WattDateTimeField {
+    locale = inject(WattLocaleService);
+    // Popovers exists on an entirely different layer, meaning that for anchor positioning they
+    // look at the entire tree for the anchor name. This gives each field a unique anchor name.
+    static instance = 0;
+    instance = WattDateTimeField.instance++;
+    anchorName = `--watt-field-popover-anchor-${this.instance}`;
+    /** Converts date from outer FormControl to format of inner FormControl. */
+    modelToView = (value, format = DATETIME_FORMAT) => value ? dayjs(value).tz(DANISH_TIME_ZONE_IDENTIFIER).format(format) : '';
+    /** Converts value of inner FormControl to type of outer FormControl. */
+    viewToModel = (value) => {
+        const date = dayjs(value, DATETIME_FORMAT, true);
+        if (!date.isValid())
+            return null;
+        return this.inclusive() ? date.endOf('m').toDate() : date.toDate();
+    };
+    // Must unfortunately be queried in order to update `activeDate`
+    calendar = viewChild.required(MatCalendar);
+    // This inner FormControl is string only, but the outer FormControl is of type Date.
+    control = new FormControl('', { nonNullable: true });
+    // `registerOnChange` may subscribe to this component after it has been destroyed, thus
+    // triggering an NG0911 from the `takeUntilDestroyed` operator. By sharing the observable,
+    // the observable will already be closed and `subscribe` becomes a proper noop.
+    valueChanges = this.control.valueChanges.pipe(map(this.viewToModel), takeUntilDestroyed(), share());
+    /** Set the label text for `watt-field`. */
+    label = input('');
+    /** The minimum selectable date. */
+    min = input();
+    /** The maximum selectable date. */
+    max = input();
+    /** When true, seconds will be set to 59 and milliseconds to 999. Otherwise, both are 0. */
+    inclusive = input(false);
+    /** Emits when the selected date has changed. */
+    dateChange = outputFromObservable(this.valueChanges);
+    /** Emits when the field loses focus. */
+    // eslint-disable-next-line @angular-eslint/no-output-native
+    blur = output();
+    selected = signal(null);
+    placeholder = computed(() => (this.locale.isDanish() ? DA_FILLER : EN_FILLER));
+    mask = computed(() => maskitoDateTimeOptionsGenerator({
+        min: this.min(),
+        max: this.max(),
+        dateMode: 'dd/mm/yyyy',
+        timeMode: 'HH:MM',
+        dateSeparator: '-',
+        timeStep: 1,
+    }));
+    handleBlur = (picker, event) => {
+        if (event.relatedTarget instanceof HTMLElement && picker.contains(event.relatedTarget)) {
+            const target = event.target; // safe type assertion
+            setTimeout(() => target.focus());
+        }
+        else {
+            picker.hidePopover();
+            this.blur.emit(event);
+        }
+    };
+    handleSelectedChange = (field, picker, date) => {
+        const prev = this.viewToModel(this.control.value);
+        // Only write the date part
+        field.value = prev
+            ? this.modelToView(dayjs(date).set('h', prev.getHours()).set('m', prev.getMinutes()).toDate())
+            : this.modelToView(date, PARTIAL_DATETIME_FORMAT);
+        field.dispatchEvent(new Event('input', { bubbles: true }));
+        picker.hidePopover();
+    };
+    constructor() {
+        this.valueChanges.subscribe((value) => {
+            this.selected.set(value);
+            this.calendar().activeDate = value ?? new Date();
+        });
+    }
+    // Implementation for ControlValueAccessor
+    writeValue = (value) => this.control.setValue(this.modelToView(value));
+    setDisabledState = (x) => (x ? this.control.disable() : this.control.enable());
+    registerOnTouched = (fn) => this.blur.subscribe(fn);
+    registerOnChange = (fn) => this.valueChanges.subscribe(fn);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattDateTimeField, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.1", type: WattDateTimeField, isStandalone: true, selector: "watt-datetime-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, inclusive: { classPropertyName: "inclusive", publicName: "inclusive", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dateChange: "dateChange", blur: "blur" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => WattDateTimeField),
+                multi: true,
+            },
+        ], viewQueries: [{ propertyName: "calendar", first: true, predicate: MatCalendar, descendants: true, isSignal: true }], ngImport: i0, template: `
+    <watt-field
+      [label]="label()"
+      [control]="control"
+      [placeholder]="placeholder()"
+      [anchorName]="anchorName"
+    >
+      <input
+        #field
+        [formControl]="control"
+        [maskito]="mask()"
+        (focus)="picker.showPopover()"
+        (blur)="handleBlur(picker, $event)"
+      />
+      <watt-button icon="date" variant="icon" (click)="field.focus()" />
+      <div
+        #picker
+        class="watt-elevation watt-datetime-field-picker"
+        popover="manual"
+        tabindex="0"
+        [style.position-anchor]="anchorName"
+      >
+        <mat-calendar
+          [startAt]="selected()"
+          [selected]="selected()"
+          [minDate]="min()"
+          [maxDate]="max()"
+          (selectedChange)="handleSelectedChange(field, picker, $event)"
+        />
+      </div>
+      <ng-content />
+      <ng-content select="watt-field-error" ngProjectAs="watt-field-error" />
+      <ng-content select="watt-field-hint" ngProjectAs="watt-field-hint" />
+    </watt-field>
+  `, isInline: true, styles: ["watt-datetime-field{display:block;width:100%}.watt-datetime-field-picker{position:fixed;position-area:bottom span-right;position-try-fallbacks:flip-block;width:296px;height:354px;inset:unset;margin:unset;border:0}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: MaskitoDirective, selector: "[maskito]", inputs: ["maskito", "maskitoElement"] }, { kind: "component", type: MatCalendar, selector: "mat-calendar", inputs: ["headerComponent", "startAt", "startView", "selected", "minDate", "maxDate", "dateFilter", "dateClass", "comparisonStart", "comparisonEnd", "startDateAccessibleName", "endDateAccessibleName"], outputs: ["selectedChange", "yearSelected", "monthSelected", "viewChanged", "_userSelection", "_userDragDrop"], exportAs: ["matCalendar"] }, { kind: "component", type: WattButtonComponent, selector: "watt-button", inputs: ["icon", "variant", "type", "formId", "disabled", "loading"] }, { kind: "component", type: WattFieldComponent, selector: "watt-field", inputs: ["control", "label", "id", "chipMode", "tooltip", "placeholder", "anchorName"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattDateTimeField, decorators: [{
+            type: Component,
+            args: [{ selector: 'watt-datetime-field', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => WattDateTimeField),
+                            multi: true,
+                        },
+                    ], imports: [
+                        ReactiveFormsModule,
+                        MaskitoDirective,
+                        MatCalendar,
+                        WattButtonComponent,
+                        WattFieldComponent,
+                    ], template: `
+    <watt-field
+      [label]="label()"
+      [control]="control"
+      [placeholder]="placeholder()"
+      [anchorName]="anchorName"
+    >
+      <input
+        #field
+        [formControl]="control"
+        [maskito]="mask()"
+        (focus)="picker.showPopover()"
+        (blur)="handleBlur(picker, $event)"
+      />
+      <watt-button icon="date" variant="icon" (click)="field.focus()" />
+      <div
+        #picker
+        class="watt-elevation watt-datetime-field-picker"
+        popover="manual"
+        tabindex="0"
+        [style.position-anchor]="anchorName"
+      >
+        <mat-calendar
+          [startAt]="selected()"
+          [selected]="selected()"
+          [minDate]="min()"
+          [maxDate]="max()"
+          (selectedChange)="handleSelectedChange(field, picker, $event)"
+        />
+      </div>
+      <ng-content />
+      <ng-content select="watt-field-error" ngProjectAs="watt-field-error" />
+      <ng-content select="watt-field-hint" ngProjectAs="watt-field-hint" />
+    </watt-field>
+  `, styles: ["watt-datetime-field{display:block;width:100%}.watt-datetime-field-picker{position:fixed;position-area:bottom span-right;position-try-fallbacks:flip-block;width:296px;height:354px;inset:unset;margin:unset;border:0}\n"] }]
+        }], ctorParameters: () => [] });
+
+//#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
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { WattDateTimeField };
+//# sourceMappingURL=energinet-watt-datetime-field.mjs.map

package/fesm2022/energinet-watt-datetime-field.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"energinet-watt-datetime-field.mjs","sources":["../../../libs/watt/package/datetime-field/watt-datetime-field.component.ts","../../../libs/watt/package/datetime-field/index.ts","../../../libs/watt/package/datetime-field/energinet-watt-datetime-field.ts"],"sourcesContent":["//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  forwardRef,\n  inject,\n  input,\n  output,\n  signal,\n  viewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport {\n  ControlValueAccessor,\n  FormControl,\n  NG_VALUE_ACCESSOR,\n  ReactiveFormsModule,\n} from '@angular/forms';\nimport { outputFromObservable, takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { MatCalendar } from '@angular/material/datepicker';\nimport { MaskitoDirective } from '@maskito/angular';\nimport { maskitoDateTimeOptionsGenerator } from '@maskito/kit';\nimport { map, share } from 'rxjs';\nimport { dayjs, WattLocaleService } from '@energinet/watt/core/date';\nimport { WattFieldComponent } from '@energinet/watt/field';\nimport { WattButtonComponent } from '@energinet/watt/button';\n\nconst DA_FILLER = 'dd-mm-åååå, tt:mm';\nconst EN_FILLER = 'dd-mm-yyyy, hh:mm';\nconst DATETIME_FORMAT = 'DD-MM-YYYY, HH:mm';\nconst PARTIAL_DATETIME_FORMAT = 'DD-MM-YYYY, ';\nconst DANISH_TIME_ZONE_IDENTIFIER = 'Europe/Copenhagen';\n\n/* eslint-disable @angular-eslint/component-class-suffix */\n@Component({\n  selector: 'watt-datetime-field',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => WattDateTimeField),\n      multi: true,\n    },\n  ],\n  imports: [\n    ReactiveFormsModule,\n    MaskitoDirective,\n    MatCalendar,\n    WattButtonComponent,\n    WattFieldComponent,\n  ],\n  styles: [\n    `\n      watt-datetime-field {\n        display: block;\n        width: 100%;\n      }\n\n      .watt-datetime-field-picker {\n        position: fixed;\n        position-area: bottom span-right;\n        position-try-fallbacks: flip-block;\n        width: 296px;\n        height: 354px;\n        inset: unset;\n        margin: unset;\n        border: 0;\n      }\n    `,\n  ],\n  template: `\n    <watt-field\n      [label]=\"label()\"\n      [control]=\"control\"\n      [placeholder]=\"placeholder()\"\n      [anchorName]=\"anchorName\"\n    >\n      <input\n        #field\n        [formControl]=\"control\"\n        [maskito]=\"mask()\"\n        (focus)=\"picker.showPopover()\"\n        (blur)=\"handleBlur(picker, $event)\"\n      />\n      <watt-button icon=\"date\" variant=\"icon\" (click)=\"field.focus()\" />\n      <div\n        #picker\n        class=\"watt-elevation watt-datetime-field-picker\"\n        popover=\"manual\"\n        tabindex=\"0\"\n        [style.position-anchor]=\"anchorName\"\n      >\n        <mat-calendar\n          [startAt]=\"selected()\"\n          [selected]=\"selected()\"\n          [minDate]=\"min()\"\n          [maxDate]=\"max()\"\n          (selectedChange)=\"handleSelectedChange(field, picker, $event)\"\n        />\n      </div>\n      <ng-content />\n      <ng-content select=\"watt-field-error\" ngProjectAs=\"watt-field-error\" />\n      <ng-content select=\"watt-field-hint\" ngProjectAs=\"watt-field-hint\" />\n    </watt-field>\n  `,\n})\nexport class WattDateTimeField implements ControlValueAccessor {\n  private locale = inject(WattLocaleService);\n\n  // Popovers exists on an entirely different layer, meaning that for anchor positioning they\n  // look at the entire tree for the anchor name. This gives each field a unique anchor name.\n  private static instance = 0;\n  private instance = WattDateTimeField.instance++;\n  protected anchorName = `--watt-field-popover-anchor-${this.instance}`;\n\n  /** Converts date from outer FormControl to format of inner FormControl. */\n  protected modelToView = (value: Date | null, format = DATETIME_FORMAT) =>\n    value ? dayjs(value).tz(DANISH_TIME_ZONE_IDENTIFIER).format(format) : '';\n\n  /** Converts value of inner FormControl to type of outer FormControl. */\n  protected viewToModel = (value: string) => {\n    const date = dayjs(value, DATETIME_FORMAT, true);\n    if (!date.isValid()) return null;\n    return this.inclusive() ? date.endOf('m').toDate() : date.toDate();\n  };\n\n  // Must unfortunately be queried in order to update `activeDate`\n  private calendar = viewChild.required<MatCalendar<Date>>(MatCalendar);\n\n  // This inner FormControl is string only, but the outer FormControl is of type Date.\n  protected control = new FormControl('', { nonNullable: true });\n\n  // `registerOnChange` may subscribe to this component after it has been destroyed, thus\n  // triggering an NG0911 from the `takeUntilDestroyed` operator. By sharing the observable,\n  // the observable will already be closed and `subscribe` becomes a proper noop.\n  private valueChanges = this.control.valueChanges.pipe(\n    map(this.viewToModel),\n    takeUntilDestroyed(),\n    share()\n  );\n\n  /** Set the label text for `watt-field`. */\n  label = input('');\n\n  /** The minimum selectable date. */\n  min = input<Date>();\n\n  /** The maximum selectable date. */\n  max = input<Date>();\n\n  /** When true, seconds will be set to 59 and milliseconds to 999. Otherwise, both are 0. */\n  inclusive = input(false);\n\n  /** Emits when the selected date has changed. */\n  dateChange = outputFromObservable(this.valueChanges);\n\n  /** Emits when the field loses focus. */\n  // eslint-disable-next-line @angular-eslint/no-output-native\n  blur = output<FocusEvent>();\n\n  protected selected = signal<Date | null>(null);\n  protected placeholder = computed(() => (this.locale.isDanish() ? DA_FILLER : EN_FILLER));\n  protected mask = computed(() =>\n    maskitoDateTimeOptionsGenerator({\n      min: this.min(),\n      max: this.max(),\n      dateMode: 'dd/mm/yyyy',\n      timeMode: 'HH:MM',\n      dateSeparator: '-',\n      timeStep: 1,\n    })\n  );\n\n  protected handleBlur = (picker: HTMLElement, event: FocusEvent) => {\n    if (event.relatedTarget instanceof HTMLElement && picker.contains(event.relatedTarget)) {\n      const target = event.target as HTMLInputElement; // safe type assertion\n      setTimeout(() => target.focus());\n    } else {\n      picker.hidePopover();\n      this.blur.emit(event);\n    }\n  };\n\n  protected handleSelectedChange = (\n    field: HTMLInputElement,\n    picker: HTMLDivElement,\n    date: Date\n  ) => {\n    const prev = this.viewToModel(this.control.value);\n\n    // Only write the date part\n    field.value = prev\n      ? this.modelToView(dayjs(date).set('h', prev.getHours()).set('m', prev.getMinutes()).toDate())\n      : this.modelToView(date, PARTIAL_DATETIME_FORMAT);\n\n    field.dispatchEvent(new Event('input', { bubbles: true }));\n    picker.hidePopover();\n  };\n\n  constructor() {\n    this.valueChanges.subscribe((value) => {\n      this.selected.set(value);\n      this.calendar().activeDate = value ?? new Date();\n    });\n  }\n\n  // Implementation for ControlValueAccessor\n  writeValue = (value: Date | null) => this.control.setValue(this.modelToView(value));\n  setDisabledState = (x: boolean) => (x ? this.control.disable() : this.control.enable());\n  registerOnTouched = (fn: () => void) => this.blur.subscribe(fn);\n  registerOnChange = (fn: (value: Date | null) => void) => this.valueChanges.subscribe(fn);\n}\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nexport { WattDateTimeField } from './watt-datetime-field.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;AAAA;AACA;;;;;;;;;;;;;;;AAeG;AACH;AA4BA,MAAM,SAAS,GAAG,mBAAmB;AACrC,MAAM,SAAS,GAAG,mBAAmB;AACrC,MAAM,eAAe,GAAG,mBAAmB;AAC3C,MAAM,uBAAuB,GAAG,cAAc;AAC9C,MAAM,2BAA2B,GAAG,mBAAmB;AAEvD;MA0Ea,iBAAiB,CAAA;AACpB,IAAA,MAAM,GAAG,MAAM,CAAC,iBAAiB,CAAC;;;AAIlC,IAAA,OAAO,QAAQ,GAAG,CAAC;AACnB,IAAA,QAAQ,GAAG,iBAAiB,CAAC,QAAQ,EAAE;AACrC,IAAA,UAAU,GAAG,CAA+B,4BAAA,EAAA,IAAI,CAAC,QAAQ,EAAE;;AAG3D,IAAA,WAAW,GAAG,CAAC,KAAkB,EAAE,MAAM,GAAG,eAAe,KACnE,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,2BAA2B,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE;;AAGhE,IAAA,WAAW,GAAG,CAAC,KAAa,KAAI;QACxC,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,EAAE,eAAe,EAAE,IAAI,CAAC;AAChD,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;AAAE,YAAA,OAAO,IAAI;QAChC,OAAO,IAAI,CAAC,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE;AACpE,KAAC;;AAGO,IAAA,QAAQ,GAAG,SAAS,CAAC,QAAQ,CAAoB,WAAW,CAAC;;AAG3D,IAAA,OAAO,GAAG,IAAI,WAAW,CAAC,EAAE,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;;;;IAKtD,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CACnD,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,EACrB,kBAAkB,EAAE,EACpB,KAAK,EAAE,CACR;;AAGD,IAAA,KAAK,GAAG,KAAK,CAAC,EAAE,CAAC;;IAGjB,GAAG,GAAG,KAAK,EAAQ;;IAGnB,GAAG,GAAG,KAAK,EAAQ;;AAGnB,IAAA,SAAS,GAAG,KAAK,CAAC,KAAK,CAAC;;AAGxB,IAAA,UAAU,GAAG,oBAAoB,CAAC,IAAI,CAAC,YAAY,CAAC;;;IAIpD,IAAI,GAAG,MAAM,EAAc;AAEjB,IAAA,QAAQ,GAAG,MAAM,CAAc,IAAI,CAAC;IACpC,WAAW,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,GAAG,SAAS,GAAG,SAAS,CAAC,CAAC;AAC9E,IAAA,IAAI,GAAG,QAAQ,CAAC,MACxB,+BAA+B,CAAC;AAC9B,QAAA,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE;AACf,QAAA,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE;AACf,QAAA,QAAQ,EAAE,YAAY;AACtB,QAAA,QAAQ,EAAE,OAAO;AACjB,QAAA,aAAa,EAAE,GAAG;AAClB,QAAA,QAAQ,EAAE,CAAC;AACZ,KAAA,CAAC,CACH;AAES,IAAA,UAAU,GAAG,CAAC,MAAmB,EAAE,KAAiB,KAAI;AAChE,QAAA,IAAI,KAAK,CAAC,aAAa,YAAY,WAAW,IAAI,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE;AACtF,YAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAA0B,CAAC;YAChD,UAAU,CAAC,MAAM,MAAM,CAAC,KAAK,EAAE,CAAC;;aAC3B;YACL,MAAM,CAAC,WAAW,EAAE;AACpB,YAAA,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;;AAEzB,KAAC;IAES,oBAAoB,GAAG,CAC/B,KAAuB,EACvB,MAAsB,EACtB,IAAU,KACR;AACF,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;;QAGjD,KAAK,CAAC,KAAK,GAAG;AACZ,cAAE,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,MAAM,EAAE;cAC3F,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,uBAAuB,CAAC;AAEnD,QAAA,KAAK,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAC1D,MAAM,CAAC,WAAW,EAAE;AACtB,KAAC;AAED,IAAA,WAAA,GAAA;QACE,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,KAAK,KAAI;AACpC,YAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC;YACxB,IAAI,CAAC,QAAQ,EAAE,CAAC,UAAU,GAAG,KAAK,IAAI,IAAI,IAAI,EAAE;AAClD,SAAC,CAAC;;;AAIJ,IAAA,UAAU,GAAG,CAAC,KAAkB,KAAK,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IACnF,gBAAgB,GAAG,CAAC,CAAU,MAAM,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;AACvF,IAAA,iBAAiB,GAAG,CAAC,EAAc,KAAK,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC;AAC/D,IAAA,gBAAgB,GAAG,CAAC,EAAgC,KAAK,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,EAAE,CAAC;uGAxG7E,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAjB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,EArEjB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA;AACT,YAAA;AACE,gBAAA,OAAO,EAAE,iBAAiB;AAC1B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,iBAAiB,CAAC;AAChD,gBAAA,KAAK,EAAE,IAAI;AACZ,aAAA;AACF,SAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAoFwD,WAAW,EAzD1D,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCT,EA3DC,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,yNAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,mBAAmB,0kBACnB,gBAAgB,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAChB,WAAW,EACX,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,SAAA,EAAA,WAAA,EAAA,UAAA,EAAA,SAAA,EAAA,SAAA,EAAA,YAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,yBAAA,EAAA,uBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,EAAA,cAAA,EAAA,eAAA,EAAA,aAAA,EAAA,gBAAA,EAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,mBAAmB,8HACnB,kBAAkB,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,OAAA,EAAA,IAAA,EAAA,UAAA,EAAA,SAAA,EAAA,aAAA,EAAA,YAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FAyDT,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAzE7B,SAAS;+BACE,qBAAqB,EAAA,aAAA,EAChB,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,EACpC,SAAA,EAAA;AACT,wBAAA;AACE,4BAAA,OAAO,EAAE,iBAAiB;AAC1B,4BAAA,WAAW,EAAE,UAAU,CAAC,uBAAuB,CAAC;AAChD,4BAAA,KAAK,EAAE,IAAI;AACZ,yBAAA;qBACF,EACQ,OAAA,EAAA;wBACP,mBAAmB;wBACnB,gBAAgB;wBAChB,WAAW;wBACX,mBAAmB;wBACnB,kBAAkB;qBACnB,EAoBS,QAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCT,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,yNAAA,CAAA,EAAA;;;AC3HH;AACA;;;;;;;;;;;;;;;AAeG;AACH;;ACjBA;;AAEG;;;;"}

package/fesm2022/energinet-watt-description-list.mjs

@@ -0,0 +1,130 @@
+import * as i1 from '@angular/common';
+import { NgClass, NgTemplateOutlet } from '@angular/common';
+import * as i0 from '@angular/core';
+import { viewChild, input, ChangeDetectionStrategy, Component, inject, contentChildren, computed, effect, ViewEncapsulation } from '@angular/core';
+
+//#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
+class WattDescriptionListItemComponent {
+    templateRef = viewChild.required('templateRef');
+    label = input('');
+    value = input(null);
+    forceNewRow = input(false);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattDescriptionListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.1", type: WattDescriptionListItemComponent, isStandalone: true, selector: "watt-description-list-item", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, forceNewRow: { classPropertyName: "forceNewRow", publicName: "forceNewRow", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["templateRef"], descendants: true, isSignal: true }], hostDirectives: [{ directive: i1.NgClass }], ngImport: i0, template: `<ng-template #templateRef
+    ><div [ngClass]="{ 'force-new-row': forceNewRow() }">
+      <dt class="watt-label watt-on-light--high-emphasis">{{ label() }}</dt>
+      <dd class="watt-text-s">{{ value() }}<ng-content /></dd></div
+  ></ng-template>`, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattDescriptionListItemComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [NgClass],
+                    selector: 'watt-description-list-item',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    hostDirectives: [NgClass],
+                    template: `<ng-template #templateRef
+    ><div [ngClass]="{ 'force-new-row': forceNewRow() }">
+      <dt class="watt-label watt-on-light--high-emphasis">{{ label() }}</dt>
+      <dd class="watt-text-s">{{ value() }}<ng-content /></dd></div
+  ></ng-template>`,
+                }]
+        }] });
+
+//#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
+/**
+ * Usage:
+ * `import { WattDescriptionListComponent } from '@energinet-datahub/watt/description-list';`
+ */
+class WattDescriptionListComponent {
+    ngClass = inject(NgClass);
+    descriptionItems = contentChildren((WattDescriptionListItemComponent));
+    variant = input('flow');
+    descriptionVariant = computed(() => `watt-description-list-${this.variant()}`);
+    groupsPerRow = input(3);
+    itemSeparators = input(true);
+    constructor() {
+        effect(() => {
+            this.ngClass.ngClass = {
+                [`item-separators`]: this.itemSeparators(),
+            };
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattDescriptionListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: WattDescriptionListComponent, isStandalone: true, selector: "watt-description-list", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, groupsPerRow: { classPropertyName: "groupsPerRow", publicName: "groupsPerRow", isSignal: true, isRequired: false, transformFunction: null }, itemSeparators: { classPropertyName: "itemSeparators", publicName: "itemSeparators", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.--watt-description-list-groups-per-row": "groupsPerRow()", "class": "descriptionVariant()" } }, queries: [{ propertyName: "descriptionItems", predicate: (WattDescriptionListItemComponent), isSignal: true }], hostDirectives: [{ directive: i1.NgClass }], ngImport: i0, template: `<dl>
+    @for (item of descriptionItems(); track item) {
+      <ng-container *ngTemplateOutlet="item.templateRef()" />
+    }
+  </dl>`, isInline: true, styles: ["watt-description-list{display:block}watt-description-list.watt-description-list-flow dl{display:grid;gap:var(--watt-space-ml);grid-template-columns:repeat(var(--watt-description-list-groups-per-row, 3),1fr)}watt-description-list.watt-description-list-flow dl dd{margin:0}watt-description-list.watt-description-list-flow dl .force-new-row{grid-column-start:1}watt-description-list.watt-description-list-stack dl{display:grid;gap:var(--watt-space-m);grid-template-columns:1fr}watt-description-list.watt-description-list-stack dl dd{margin:0;flex:1}watt-description-list.watt-description-list-stack dl dt{width:240px}watt-description-list.watt-description-list-stack dl div{display:flex;align-items:baseline}watt-description-list.watt-description-list-stack.item-separators dl div{border-bottom:1px solid var(--watt-color-neutral-grey-300);padding-bottom:var(--watt-space-m)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattDescriptionListComponent, decorators: [{
+            type: Component,
+            args: [{ encapsulation: ViewEncapsulation.None, selector: 'watt-description-list', imports: [NgTemplateOutlet], template: `<dl>
+    @for (item of descriptionItems(); track item) {
+      <ng-container *ngTemplateOutlet="item.templateRef()" />
+    }
+  </dl>`, hostDirectives: [NgClass], host: {
+                        '[style.--watt-description-list-groups-per-row]': 'groupsPerRow()',
+                        '[class]': 'descriptionVariant()',
+                    }, styles: ["watt-description-list{display:block}watt-description-list.watt-description-list-flow dl{display:grid;gap:var(--watt-space-ml);grid-template-columns:repeat(var(--watt-description-list-groups-per-row, 3),1fr)}watt-description-list.watt-description-list-flow dl dd{margin:0}watt-description-list.watt-description-list-flow dl .force-new-row{grid-column-start:1}watt-description-list.watt-description-list-stack dl{display:grid;gap:var(--watt-space-m);grid-template-columns:1fr}watt-description-list.watt-description-list-stack dl dd{margin:0;flex:1}watt-description-list.watt-description-list-stack dl dt{width:240px}watt-description-list.watt-description-list-stack dl div{display:flex;align-items:baseline}watt-description-list.watt-description-list-stack.item-separators dl div{border-bottom:1px solid var(--watt-color-neutral-grey-300);padding-bottom:var(--watt-space-m)}\n"] }]
+        }], ctorParameters: () => [] });
+
+//#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
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { WattDescriptionListComponent, WattDescriptionListItemComponent };
+//# sourceMappingURL=energinet-watt-description-list.mjs.map

package/fesm2022/energinet-watt-description-list.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"energinet-watt-description-list.mjs","sources":["../../../libs/watt/package/description-list/watt-description-list-item.component.ts","../../../libs/watt/package/description-list/watt-description-list.component.ts","../../../libs/watt/package/description-list/index.ts","../../../libs/watt/package/description-list/energinet-watt-description-list.ts"],"sourcesContent":["//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport { ChangeDetectionStrategy, Component, input, TemplateRef, viewChild } from '@angular/core';\nimport { NgClass } from '@angular/common';\n\n@Component({\n  imports: [NgClass],\n  selector: 'watt-description-list-item',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [NgClass],\n  template: `<ng-template #templateRef\n    ><div [ngClass]=\"{ 'force-new-row': forceNewRow() }\">\n      <dt class=\"watt-label watt-on-light--high-emphasis\">{{ label() }}</dt>\n      <dd class=\"watt-text-s\">{{ value() }}<ng-content /></dd></div\n  ></ng-template>`,\n})\nexport class WattDescriptionListItemComponent<T> {\n  templateRef = viewChild.required<TemplateRef<unknown | null>>('templateRef');\n  label = input<string>('');\n  value = input<T | null>(null);\n  forceNewRow = input(false);\n}\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport { NgClass, NgTemplateOutlet } from '@angular/common';\nimport {\n  Component,\n  computed,\n  contentChildren,\n  effect,\n  inject,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\n\nimport { WattDescriptionListItemComponent } from './watt-description-list-item.component';\n/**\n * Usage:\n * `import { WattDescriptionListComponent } from '@energinet-datahub/watt/description-list';`\n */\n@Component({\n  encapsulation: ViewEncapsulation.None,\n  selector: 'watt-description-list',\n  styleUrls: ['./watt-description-list.component.scss'],\n  imports: [NgTemplateOutlet],\n  template: `<dl>\n    @for (item of descriptionItems(); track item) {\n      <ng-container *ngTemplateOutlet=\"item.templateRef()\" />\n    }\n  </dl>`,\n  hostDirectives: [NgClass],\n  host: {\n    '[style.--watt-description-list-groups-per-row]': 'groupsPerRow()',\n    '[class]': 'descriptionVariant()',\n  },\n})\nclass WattDescriptionListComponent<T> {\n  private ngClass = inject(NgClass);\n  descriptionItems = contentChildren(WattDescriptionListItemComponent<T>);\n  variant = input<'flow' | 'stack'>('flow');\n  descriptionVariant = computed(() => `watt-description-list-${this.variant()}`);\n  groupsPerRow = input<number>(3);\n  itemSeparators = input(true);\n\n  constructor() {\n    effect(() => {\n      this.ngClass.ngClass = {\n        [`item-separators`]: this.itemSeparators(),\n      };\n    });\n  }\n}\n\nexport { WattDescriptionListItemComponent, WattDescriptionListComponent };\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nexport {\n  WattDescriptionListComponent,\n  WattDescriptionListItemComponent,\n} from './watt-description-list.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}