@energinet/watt 4.2.14 → 4.2.15-alpha.0

package/{esm2022/table/watt-table.component.js → fesm2022/energinet-watt-table.mjs}

@@ -1,3 +1,106 @@
+import * as i0 from '@angular/core';
+import { computed, effect, linkedSignal, afterRenderEffect, untracked, inject, TemplateRef, input, Directive, model, output, contentChildren, contentChild, viewChild, viewChildren, ViewEncapsulation, Component } from '@angular/core';
+import * as i3 from '@angular/material/table';
+import { MatTableDataSource, MatTableModule } from '@angular/material/table';
+import { NgTemplateOutlet, NgClass, KeyValuePipe } from '@angular/common';
+import { outputFromObservable } from '@angular/core/rxjs-interop';
+import * as i1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import * as i2 from '@angular/material/sort';
+import { MatSort, MatSortModule } from '@angular/material/sort';
+import { Subject } from 'rxjs';
+import { WattCheckboxComponent } from '@energinet/watt/checkbox';
+import { wattFormatDate } from '@energinet/watt/core/date';
+import { WattIconComponent } from '@energinet/watt/icon';
+
+/**
+ * @see https://material.angular.dev/components/table/api#MatTableDataSource
+ */
+class WattTableDataSource extends MatTableDataSource {
+    constructor(initialData, config = { disableClientSideSort: false }) {
+        super(initialData);
+        if (config.disableClientSideSort)
+            this.sortData = (data) => {
+                return data;
+            };
+    }
+    get totalCount() {
+        return this.data.length;
+    }
+}
+/** Convenience method for creating a data source from reactive input. */
+const dataSource = (computation) => {
+    const data = computed(computation, ...(ngDevMode ? [{ debugName: "data" }] : []));
+    const dataSource = new WattTableDataSource();
+    effect(() => {
+        dataSource.data = data();
+    });
+    return dataSource;
+};
+
+//#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 animateExpandableCells = (elements, trigger) => {
+    const cells = computed(() => elements().map((c) => c.nativeElement), ...(ngDevMode ? [{ debugName: "cells" }] : []));
+    const expandable = computed(() => cells().filter((c) => c.classList.contains(EXPANDABLE_CLASS)), ...(ngDevMode ? [{ debugName: "expandable" }] : []));
+    // Accumulate a map of the height of cells. This needs to remember previous values
+    // in case the table navigates/filters or otherwise changes the cells, since cell
+    // elements will be added or removed from the list dynamically.
+    const heightMap = linkedSignal(...(ngDevMode ? [{ debugName: "heightMap", source: computed(() => {
+                trigger(); // recalculate when cells are expanded
+                return Object.fromEntries(expandable().map((cell) => [cell.dataset.key, cell.offsetHeight]));
+            }),
+            computation: (source, prev) => ({ ...prev?.value, ...source }) }] : [{
+            source: computed(() => {
+                trigger(); // recalculate when cells are expanded
+                return Object.fromEntries(expandable().map((cell) => [cell.dataset.key, cell.offsetHeight]));
+            }),
+            computation: (source, prev) => ({ ...prev?.value, ...source }),
+        }]));
+    // Compute the differences in height for each cell since the last `trigger`
+    const deltaMap = linkedSignal(...(ngDevMode ? [{ debugName: "deltaMap", source: heightMap,
+            computation: (source, prev) => Object.entries(source).map(([key, height]) => [key, height - (prev?.source[key] ?? 0)]) }] : [{
+            source: heightMap,
+            computation: (source, prev) => Object.entries(source).map(([key, height]) => [key, height - (prev?.source[key] ?? 0)]),
+        }]));
+    return afterRenderEffect({
+        read: () => {
+            trigger(); // run the animation in response to the `trigger` signal only
+            untracked(() => {
+                deltaMap()
+                    .filter(([, deltaY]) => deltaY !== 0)
+                    .forEach(([key, deltaY]) => {
+                    // Animate all cells below the expanding cell
+                    const rowIndex = cells().find((c) => c.dataset.key === key)?.dataset.rowIndex;
+                    if (!rowIndex)
+                        return;
+                    cells()
+                        .filter((c) => c.dataset.rowIndex && c.dataset.rowIndex > rowIndex)
+                        .forEach((c) => {
+                        c.animate({ transform: [`translateY(${deltaY * -1}px)`, 'translateY(0)'] }, { duration: 300, easing: 'cubic-bezier(0.4, 0, 0.2, 1)', composite: 'add' });
+                    });
+                });
+            });
+        },
+    });
+};
+
 //#region License
 /**
  * @license
@@ -16,25 +119,9 @@
  * limitations under the License.
  */
 //#endregion
-import { KeyValuePipe, NgClass, NgTemplateOutlet } from '@angular/common';
-import { Component, computed, contentChild, contentChildren, Directive, effect, inject, input, model, output, TemplateRef, viewChild, viewChildren, ViewEncapsulation, } from '@angular/core';
-import { outputFromObservable } from '@angular/core/rxjs-interop';
-import { FormsModule } from '@angular/forms';
-import { MatSort, MatSortModule } from '@angular/material/sort';
-import { MatTableModule } from '@angular/material/table';
-import { Subject } from 'rxjs';
-import { WattCheckboxComponent } from '@energinet/watt/checkbox';
-import { wattFormatDate } from '@energinet/watt/core/date';
-import { WattIconComponent } from '@energinet/watt/icon';
-import { WattTableDataSource } from './watt-table-data-source';
-import { animateExpandableCells } from './watt-table-expand-animation';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/forms";
-import * as i2 from "@angular/material/sort";
-import * as i3 from "@angular/material/table";
 /** Class name for expandable cells. */
-export const EXPANDABLE_CLASS = 'watt-table-cell--expandable';
-export class WattTableCellDirective {
+const EXPANDABLE_CLASS = 'watt-table-cell--expandable';
+class WattTableCellDirective {
     templateRef = inject((TemplateRef));
     /**
      * The WattTableColumn this template applies to.
@@ -56,7 +143,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     selector: '[wattTableCell]',
                 }]
         }], propDecorators: { column: [{ type: i0.Input, args: [{ isSignal: true, alias: "wattTableCell", required: true }] }], header: [{ type: i0.Input, args: [{ isSignal: true, alias: "wattTableCellHeader", required: false }] }] } });
-export class WattTableToolbarDirective {
+class WattTableToolbarDirective {
     templateRef = inject((TemplateRef));
     static ngTemplateContextGuard(_directive, context) {
         return true;
@@ -74,7 +161,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
  * Usage:
  * `import { WATT_TABLE } from '@energinet/watt/table';`
  */
-export class WattTableComponent {
+class WattTableComponent {
     /**
      * The table's source of data. Property should not be changed after
      * initialization, instead update the data on the instance itself.
@@ -313,7 +400,7 @@ export class WattTableComponent {
      */
     toggleSelection = (row) => this.selection.update((s) => (s.includes(row) ? s.filter((r) => r !== row) : s.concat(row)));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: WattTableComponent, isStandalone: true, selector: "watt-table", inputs: { dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: true, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, displayedColumns: { classPropertyName: "displayedColumns", publicName: "displayedColumns", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, stickyFooter: { classPropertyName: "stickyFooter", publicName: "stickyFooter", isSignal: true, isRequired: false, transformFunction: null }, resolveHeader: { classPropertyName: "resolveHeader", publicName: "resolveHeader", isSignal: true, isRequired: false, transformFunction: null }, sortBy: { classPropertyName: "sortBy", publicName: "sortBy", isSignal: true, isRequired: false, transformFunction: null }, sortDirection: { classPropertyName: "sortDirection", publicName: "sortDirection", isSignal: true, isRequired: false, transformFunction: null }, sortClear: { classPropertyName: "sortClear", publicName: "sortClear", isSignal: true, isRequired: false, transformFunction: null }, rowClass: { classPropertyName: "rowClass", publicName: "rowClass", isSignal: true, isRequired: false, transformFunction: null }, selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, selection: { classPropertyName: "selection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null }, suppressRowHoverHighlight: { classPropertyName: "suppressRowHoverHighlight", publicName: "suppressRowHoverHighlight", isSignal: true, isRequired: false, transformFunction: null }, activeRow: { classPropertyName: "activeRow", publicName: "activeRow", isSignal: true, isRequired: false, transformFunction: null }, activeRowComparator: { classPropertyName: "activeRowComparator", publicName: "activeRowComparator", isSignal: true, isRequired: false, transformFunction: null }, hideColumnHeaders: { classPropertyName: "hideColumnHeaders", publicName: "hideColumnHeaders", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, trackBy: { classPropertyName: "trackBy", publicName: "trackBy", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selection: "selectionChange", expanded: "expandedChange", rowClick: "rowClick", sortChange: "sortChange" }, host: { properties: { "class.watt-table-variant-zebra": "variant() === \"zebra\"", "style.--watt-table-grid-template-columns": "sizing().join(\" \")" } }, queries: [{ propertyName: "cells", predicate: (WattTableCellDirective), isSignal: true }, { propertyName: "toolbar", first: true, predicate: (WattTableToolbarDirective), descendants: true, isSignal: true }], viewQueries: [{ propertyName: "sort", first: true, predicate: MatSort, descendants: true, isSignal: true }, { propertyName: "tableCellElements", predicate: ["td"], descendants: true, isSignal: true }], ngImport: i0, template: "<!--\n@license\nCopyright 2020 Energinet DataHub A/S\n\nLicensed under the Apache License, Version 2.0 (the \"License2\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n    http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n-->\n<table\n  mat-table\n  matSort\n  role=\"treegrid\"\n  [ngClass]=\"{ 'watt-table-has-selection': getSelectionState() !== false }\"\n  [matSortActive]=\"sortBy()\"\n  [matSortDirection]=\"sortDirection()\"\n  [matSortDisableClear]=\"!sortClear()\"\n  [dataSource]=\"dataSource()\"\n  [attr.aria-label]=\"description()\"\n  (matSortChange)=\"sortChange.emit($event)\"\n>\n  @if (selectable()) {\n    <ng-container [matColumnDef]=\"checkboxColumn\" [sticky]=\"true\">\n      <th mat-header-cell *matHeaderCellDef class=\"watt-table-checkbox-cell\">\n        <watt-checkbox\n          [ngModel]=\"getSelectionState()\"\n          (ngModelChange)=\"$event ? selection.set(dataSource().filteredData) : clearSelection()\"\n        />\n      </th>\n      <td mat-cell *matCellDef=\"let row\" class=\"watt-table-checkbox-cell\">\n        <watt-checkbox\n          [ngModel]=\"selection().includes(row)\"\n          (ngModelChange)=\"toggleSelection(row)\"\n          (click)=\"$event.stopPropagation()\"\n        />\n      </td>\n    </ng-container>\n  }\n\n  <ng-container [matColumnDef]=\"expandableColumn\">\n    <th mat-header-cell *matHeaderCellDef></th>\n    <td\n      #td\n      mat-cell\n      *matCellDef=\"let row; let index = index\"\n      [attr.data-key]=\"getRowKey(index, row)\"\n      [attr.data-row-index]=\"index\"\n      (click)=\"onRowClick(row)\"\n      [class.watt-table-cell--expanded]=\"expanded().includes(row)\"\n    >\n      <watt-icon name=\"right\" size=\"xs\" />\n    </td>\n  </ng-container>\n\n  @for (column of columns() | keyvalue; track column.key) {\n    <ng-container [matColumnDef]=\"column.key\" [stickyEnd]=\"column.value.stickyEnd?.()\">\n      <th\n        mat-header-cell\n        *matHeaderCellDef\n        [class.watt-table-cell--expandable]=\"column.value.expandable\"\n        class=\"watt-table-align-{{ column.value.align ?? 'left' }} {{\n          column.value.headerCellClass\n        }}\"\n      >\n        @if (column.value.helperAction; as action) {\n          <watt-icon name=\"help\" (click)=\"action()\" />\n        }\n\n        <div\n          class=\"watt-table-header-cell\"\n          mat-sort-header\n          [arrowPosition]=\"column.value.align === 'right' ? 'before' : 'after'\"\n          [disabled]=\"!column.value.accessor || column.value.sort === false\"\n        >\n          {{ getColumnHeader(column) }}\n          @if (column.value.tooltip; as tooltip) {\n            <watt-icon [title]=\"tooltip\" name=\"info\" state=\"default\" />\n          }\n        </div>\n      </th>\n\n      <td\n        #td\n        mat-cell\n        *matCellDef=\"let row; let index = index\"\n        [attr.data-key]=\"getRowKey(index, row)\"\n        [attr.data-row-index]=\"index\"\n        [class.watt-table-cell--expanded]=\"expanded().includes(row)\"\n        [class.watt-table-cell--expandable]=\"column.value.expandable\"\n        class=\"watt-table-align-{{ column.value.align ?? 'left' }} {{ column.value.dataCellClass }}\"\n        (click)=\"!column.value.expandable && onRowClick(row)\"\n      >\n        @if (isExpandable()) {\n          @defer (when !column.value.expandable || expanded().includes(row)) {\n            @if (getColumnTemplate(column.value); as template) {\n              <div class=\"watt-table-cell-wrapper\">\n                <ng-container *ngTemplateOutlet=\"template; context: { $implicit: row, index }\" />\n              </div>\n            } @else {\n              {{ getColumnCell(column.value, row) }}\n            }\n          }\n        } @else {\n          @if (getColumnTemplate(column.value); as template) {\n            <div class=\"watt-table-cell-wrapper\">\n              <ng-container *ngTemplateOutlet=\"template; context: { $implicit: row, index }\" />\n            </div>\n          } @else {\n            {{ getColumnCell(column.value, row) }}\n          }\n        }\n      </td>\n\n      @if (hasFooter()) {\n        <td\n          mat-footer-cell\n          *matFooterCellDef\n          class=\"{{ column.value.footer?.class }} watt-table-align-{{\n            column.value.align ?? 'left'\n          }} \"\n        >\n          {{ column.value.footer?.value?.() }}\n        </td>\n      }\n    </ng-container>\n  }\n\n  <ng-container matColumnDef=\"spacer\">\n    <td class=\"watt-table-footer-spacer\" mat-footer-cell *matFooterCellDef></td>\n  </ng-container>\n\n  @if (!hideColumnHeaders()) {\n    <tr mat-header-row *matHeaderRowDef=\"renderedColumns()\"></tr>\n  }\n  <tr\n    mat-row\n    *matRowDef=\"let row; columns: renderedColumns()\"\n    [attr.aria-selected]=\"row === activeRow()\"\n    [class]=\"getRowClass(row)\"\n    [ngClass]=\"{\n      'watt-table-highlight-row': !disabled() && !suppressRowHoverHighlight(),\n      'watt-table-clickable-row': !disabled() && rowClick$.observed,\n      'watt-table-active-row': isActiveRow(row),\n      'watt-table-no-end-divider': hideColumnHeaders(),\n    }\"\n  ></tr>\n\n  @if (toolbar()) {\n    <tr mat-footer-row *matFooterRowDef=\"['spacer']\"></tr>\n  }\n\n  @if (hasFooter()) {\n    <tr\n      mat-footer-row\n      [class.watt-table-hide-footer]=\"loading() || dataSource().filteredData.length === 0\"\n      *matFooterRowDef=\"renderedColumns(); sticky: stickyFooter()\"\n    ></tr>\n  }\n\n  <ng-container *matNoDataRow>\n    @if (loading()) {\n      @for (i of [1, 2, 3]; track i) {\n        <tr class=\"mat-mdc-row\">\n          @for (_ of renderedColumns(); track _; let i = $index) {\n            <td class=\"mat-mdc-cell\" [class.watt-table-loading-cell]=\"i > 0 || !selectable()\"></td>\n          }\n        </tr>\n      }\n    }\n  </ng-container>\n</table>\n\n@if (toolbar(); as toolbar) {\n  <div class=\"watt-table-toolbar\" role=\"toolbar\">\n    <ng-container\n      *ngTemplateOutlet=\"\n        toolbar.templateRef;\n        context: { $implicit: filterSelectionBy(dataSource().filteredData) }\n      \"\n    />\n  </div>\n}\n", styles: ["watt-table{--mat-table-row-item-label-text-font: $primary-font-family;--mat-table-row-item-outline-color: var(--watt-color-neutral-grey-300);--mat-table-header-headline-font: $primary-font-family}watt-table,watt-table .mat-mdc-table{display:grid;position:relative;overflow:auto;min-height:44px}watt-table .mat-mdc-table{grid-template-columns:var(--watt-table-grid-template-columns);grid-auto-rows:max-content;max-height:100%;z-index:1}watt-table .mat-mdc-table thead,watt-table .mat-mdc-table tbody,watt-table .mat-mdc-table tfoot,watt-table .mat-mdc-table tr.mat-mdc-row,watt-table .mat-mdc-table tr.mat-mdc-header-row,watt-table .mat-mdc-table tr.mat-mdc-footer-row{display:contents}watt-table .mat-mdc-table tr.watt-table-hide-footer{display:none}watt-table .mat-mdc-table tr.mat-mdc-header-row{flex:0 0 auto}watt-table .mat-mdc-table th.mat-mdc-header-cell{color:var(--watt-typography-label-color);font-size:.875rem;line-height:1.25rem;font-weight:600;box-sizing:border-box;display:flex;position:sticky;top:0;padding:0 var(--watt-space-s);height:auto;background:var(--watt-color-primary-ultralight);box-shadow:0 -1px #0000001f inset;border:0;z-index:2!important;white-space:nowrap;-webkit-user-select:none;user-select:none}watt-table .mat-mdc-table td.mat-mdc-footer-cell,watt-table .mat-mdc-table td.mat-mdc-cell{display:flex;align-items:center;min-height:48px;padding:var(--watt-space-xs) var(--watt-space-m);line-height:18px}watt-table .mat-mdc-table td.mat-mdc-cell.watt-table-cell--expandable{padding:0}watt-table .mat-mdc-table td.mat-mdc-footer-cell:not(.watt-table-footer-spacer),watt-table .mat-mdc-table tr.mdc-data-table__row:last-child .mat-mdc-cell{border-bottom:1px solid var(--watt-color-neutral-grey-300)}watt-table .mat-mdc-table td.mat-mdc-footer-cell:not(.watt-table-footer-spacer){font-size:.875rem;line-height:1.25rem;font-weight:600;text-transform:none;letter-spacing:0;border-top:2px solid var(--watt-color-neutral-grey-300);background-color:var(--watt-color-neutral-grey-100)}watt-table .mat-mdc-table .watt-table-no-end-divider:last-child .mat-mdc-cell{border-bottom:0px solid var(--watt-color-neutral-grey-300)!important}watt-table .mat-mdc-table .watt-table-clickable-row>td:not(.watt-table-cell--expandable),watt-table .mat-mdc-table tr:has(>.watt-table-cell--expandable)>td:not(.watt-table-cell--expandable){cursor:pointer;-webkit-user-select:text;user-select:text}watt-table .mat-mdc-table .watt-table-highlight-row:hover:not(.watt-table-active-row,:has(>.watt-table-cell--expandable:hover))>td{background:var(--watt-color-neutral-grey-100)}watt-table .mat-mdc-table .watt-table-active-row>td{background:var(--watt-color-secondary-ultralight)}watt-table .mat-mdc-table .mat-column-__expandableColumn__>watt-icon{transition:transform .2s}watt-table .mat-mdc-table .mat-column-__expandableColumn__.watt-table-cell--expanded>watt-icon{transform:rotate(90deg)}watt-table .mat-mdc-table .mat-sort-header-arrow{margin:0}watt-table .mat-mdc-table .watt-table-align-right .mat-sort-header-arrow{margin-right:var(--watt-space-s)}watt-table .mat-mdc-table .watt-table-align-center .mat-sort-header-arrow,watt-table .mat-mdc-table .watt-table-align-left .mat-sort-header-arrow{margin-left:var(--watt-space-s)}watt-table .mat-mdc-table .watt-table-header-cell{padding:.75rem var(--watt-space-s)}watt-table .mat-mdc-table .watt-table-checkbox-cell{justify-content:center}watt-table .mat-mdc-table th.watt-table-checkbox-cell{display:flex;align-items:center}watt-table .mat-mdc-table .watt-table-align-center,watt-table .mat-mdc-table .watt-table-align-center .mat-sort-header-container{justify-content:center;text-align:center}watt-table .mat-mdc-table .watt-table-align-right,watt-table .mat-mdc-table .watt-table-align-right .mat-sort-header-container{justify-content:right;text-align:right}.watt-table-variant-zebra>table>tbody>tr:nth-child(2n):not(.watt-table-active-row)>td{background-color:var(--watt-color-neutral-grey-50)}watt-table .mat-mdc-table th.watt-table-cell--expandable{display:none}watt-table .mat-mdc-table tr.mat-mdc-row td.mat-mdc-cell.watt-table-cell--expandable{position:relative;min-height:0;max-height:0;border-bottom-width:0;overflow:hidden;pointer-events:none;grid-column:1/-1;background:transparent;flex:1 1 auto;opacity:0;will-change:opacity;transition:opacity .2s cubic-bezier(.4,0,.2,1),overflow 0s .3s allow-discrete}watt-table .mat-mdc-table tr.mat-mdc-row td.mat-mdc-cell.watt-table-cell--expandable>.watt-table-cell-wrapper{position:absolute;top:0;width:100%}watt-table .mat-mdc-table tr.mat-mdc-row td.watt-table-cell--expandable.watt-table-cell--expanded{height:auto;max-height:initial;opacity:1;border-bottom-width:1px;pointer-events:all;overflow:visible}watt-table .mat-mdc-table tr.mat-mdc-row td.watt-table-cell--expandable.watt-table-cell--expanded>.watt-table-cell-wrapper{position:relative}.watt-table-cell-wrapper{width:100%}.watt-table-footer-spacer{display:none;height:76px;border:0}.watt-table-has-selection .watt-table-footer-spacer{display:block}.watt-table-has-selection+.watt-table-toolbar{opacity:1;visibility:visible;transition:opacity .3s cubic-bezier(0,0,.2,1),visibility .5s}.watt-table-toolbar{position:absolute;bottom:var(--watt-space-m);left:50%;transform:translate(-50%);display:flex;align-items:center;padding:0 var(--watt-space-m);min-height:44px;border-radius:22px;color:var(--watt-color-primary-contrast);background-color:var(--watt-color-primary);z-index:1;opacity:0;visibility:hidden;transition:none}.watt-table-toolbar .watt-button--disabled{opacity:.4;--watt-button-primary-disabled-color: #fff}.watt-table-loading-cell:before{content:\"\";flex:1;display:block;max-width:200px;height:var(--watt-space-m);border-radius:var(--watt-space-m);opacity:.75;animation:shine 2s infinite linear;background-color:var(--watt-color-neutral-grey-200);background-size:300px;background-position:-100px;background-image:linear-gradient(90deg,var(--watt-color-neutral-grey-300) 0px,var(--watt-color-neutral-grey-200) 40px,var(--watt-color-neutral-grey-300) 80px)}@keyframes shine{40%,to{background-position:200px}}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatSortModule }, { kind: "directive", type: i2.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i2.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i3.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i3.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i3.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i3.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i3.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i3.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i3.MatFooterCellDef, selector: "[matFooterCellDef]" }, { kind: "directive", type: i3.MatFooterRowDef, selector: "[matFooterRowDef]", inputs: ["matFooterRowDef", "matFooterRowDefSticky"] }, { kind: "directive", type: i3.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i3.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "directive", type: i3.MatFooterCell, selector: "mat-footer-cell, td[mat-footer-cell]" }, { kind: "component", type: i3.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i3.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: i3.MatFooterRow, selector: "mat-footer-row, tr[mat-footer-row]", exportAs: ["matFooterRow"] }, { kind: "directive", type: i3.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { kind: "component", type: WattIconComponent, selector: "watt-icon", inputs: ["name", "label", "size", "state"] }, { kind: "component", type: WattCheckboxComponent, selector: "watt-checkbox", inputs: ["required"] }, { kind: "pipe", type: KeyValuePipe, name: "keyvalue" }], encapsulation: i0.ViewEncapsulation.None, deferBlockDependencies: [() => [NgTemplateOutlet]] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: WattTableComponent, isStandalone: true, selector: "watt-table", inputs: { dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: true, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, displayedColumns: { classPropertyName: "displayedColumns", publicName: "displayedColumns", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, stickyFooter: { classPropertyName: "stickyFooter", publicName: "stickyFooter", isSignal: true, isRequired: false, transformFunction: null }, resolveHeader: { classPropertyName: "resolveHeader", publicName: "resolveHeader", isSignal: true, isRequired: false, transformFunction: null }, sortBy: { classPropertyName: "sortBy", publicName: "sortBy", isSignal: true, isRequired: false, transformFunction: null }, sortDirection: { classPropertyName: "sortDirection", publicName: "sortDirection", isSignal: true, isRequired: false, transformFunction: null }, sortClear: { classPropertyName: "sortClear", publicName: "sortClear", isSignal: true, isRequired: false, transformFunction: null }, rowClass: { classPropertyName: "rowClass", publicName: "rowClass", isSignal: true, isRequired: false, transformFunction: null }, selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, selection: { classPropertyName: "selection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null }, suppressRowHoverHighlight: { classPropertyName: "suppressRowHoverHighlight", publicName: "suppressRowHoverHighlight", isSignal: true, isRequired: false, transformFunction: null }, activeRow: { classPropertyName: "activeRow", publicName: "activeRow", isSignal: true, isRequired: false, transformFunction: null }, activeRowComparator: { classPropertyName: "activeRowComparator", publicName: "activeRowComparator", isSignal: true, isRequired: false, transformFunction: null }, hideColumnHeaders: { classPropertyName: "hideColumnHeaders", publicName: "hideColumnHeaders", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, trackBy: { classPropertyName: "trackBy", publicName: "trackBy", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selection: "selectionChange", expanded: "expandedChange", rowClick: "rowClick", sortChange: "sortChange" }, host: { properties: { "class.watt-table-variant-zebra": "variant() === \"zebra\"", "style.--watt-table-grid-template-columns": "sizing().join(\" \")" } }, queries: [{ propertyName: "cells", predicate: (WattTableCellDirective), isSignal: true }, { propertyName: "toolbar", first: true, predicate: (WattTableToolbarDirective), descendants: true, isSignal: true }], viewQueries: [{ propertyName: "sort", first: true, predicate: MatSort, descendants: true, isSignal: true }, { propertyName: "tableCellElements", predicate: ["td"], descendants: true, isSignal: true }], ngImport: i0, template: "<!--\n@license\nCopyright 2020 Energinet DataHub A/S\n\nLicensed under the Apache License, Version 2.0 (the \"License2\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n    http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n-->\n<table\n  mat-table\n  matSort\n  role=\"treegrid\"\n  [ngClass]=\"{ 'watt-table-has-selection': getSelectionState() !== false }\"\n  [matSortActive]=\"sortBy()\"\n  [matSortDirection]=\"sortDirection()\"\n  [matSortDisableClear]=\"!sortClear()\"\n  [dataSource]=\"dataSource()\"\n  [attr.aria-label]=\"description()\"\n  (matSortChange)=\"sortChange.emit($event)\"\n>\n  @if (selectable()) {\n    <ng-container [matColumnDef]=\"checkboxColumn\" [sticky]=\"true\">\n      <th mat-header-cell *matHeaderCellDef class=\"watt-table-checkbox-cell\">\n        <watt-checkbox\n          [ngModel]=\"getSelectionState()\"\n          (ngModelChange)=\"$event ? selection.set(dataSource().filteredData) : clearSelection()\"\n        />\n      </th>\n      <td mat-cell *matCellDef=\"let row\" class=\"watt-table-checkbox-cell\">\n        <watt-checkbox\n          [ngModel]=\"selection().includes(row)\"\n          (ngModelChange)=\"toggleSelection(row)\"\n          (click)=\"$event.stopPropagation()\"\n        />\n      </td>\n    </ng-container>\n  }\n\n  <ng-container [matColumnDef]=\"expandableColumn\">\n    <th mat-header-cell *matHeaderCellDef></th>\n    <td\n      #td\n      mat-cell\n      *matCellDef=\"let row; let index = index\"\n      [attr.data-key]=\"getRowKey(index, row)\"\n      [attr.data-row-index]=\"index\"\n      (click)=\"onRowClick(row)\"\n      [class.watt-table-cell--expanded]=\"expanded().includes(row)\"\n    >\n      <watt-icon name=\"right\" size=\"xs\" />\n    </td>\n  </ng-container>\n\n  @for (column of columns() | keyvalue; track column.key) {\n    <ng-container [matColumnDef]=\"column.key\" [stickyEnd]=\"column.value.stickyEnd?.()\">\n      <th\n        mat-header-cell\n        *matHeaderCellDef\n        [class.watt-table-cell--expandable]=\"column.value.expandable\"\n        class=\"watt-table-align-{{ column.value.align ?? 'left' }} {{\n          column.value.headerCellClass\n        }}\"\n      >\n        @if (column.value.helperAction; as action) {\n          <watt-icon name=\"help\" (click)=\"action()\" />\n        }\n\n        <div\n          class=\"watt-table-header-cell\"\n          mat-sort-header\n          [arrowPosition]=\"column.value.align === 'right' ? 'before' : 'after'\"\n          [disabled]=\"!column.value.accessor || column.value.sort === false\"\n        >\n          {{ getColumnHeader(column) }}\n          @if (column.value.tooltip; as tooltip) {\n            <watt-icon [title]=\"tooltip\" name=\"info\" state=\"default\" />\n          }\n        </div>\n      </th>\n\n      <td\n        #td\n        mat-cell\n        *matCellDef=\"let row; let index = index\"\n        [attr.data-key]=\"getRowKey(index, row)\"\n        [attr.data-row-index]=\"index\"\n        [class.watt-table-cell--expanded]=\"expanded().includes(row)\"\n        [class.watt-table-cell--expandable]=\"column.value.expandable\"\n        class=\"watt-table-align-{{ column.value.align ?? 'left' }} {{ column.value.dataCellClass }}\"\n        (click)=\"!column.value.expandable && onRowClick(row)\"\n      >\n        @if (isExpandable()) {\n          @defer (when !column.value.expandable || expanded().includes(row)) {\n            @if (getColumnTemplate(column.value); as template) {\n              <div class=\"watt-table-cell-wrapper\">\n                <ng-container *ngTemplateOutlet=\"template; context: { $implicit: row, index }\" />\n              </div>\n            } @else {\n              {{ getColumnCell(column.value, row) }}\n            }\n          }\n        } @else {\n          @if (getColumnTemplate(column.value); as template) {\n            <div class=\"watt-table-cell-wrapper\">\n              <ng-container *ngTemplateOutlet=\"template; context: { $implicit: row, index }\" />\n            </div>\n          } @else {\n            {{ getColumnCell(column.value, row) }}\n          }\n        }\n      </td>\n\n      @if (hasFooter()) {\n        <td\n          mat-footer-cell\n          *matFooterCellDef\n          class=\"{{ column.value.footer?.class }} watt-table-align-{{\n            column.value.align ?? 'left'\n          }} \"\n        >\n          {{ column.value.footer?.value?.() }}\n        </td>\n      }\n    </ng-container>\n  }\n\n  <ng-container matColumnDef=\"spacer\">\n    <td class=\"watt-table-footer-spacer\" mat-footer-cell *matFooterCellDef></td>\n  </ng-container>\n\n  @if (!hideColumnHeaders()) {\n    <tr mat-header-row *matHeaderRowDef=\"renderedColumns()\"></tr>\n  }\n  <tr\n    mat-row\n    *matRowDef=\"let row; columns: renderedColumns()\"\n    [attr.aria-selected]=\"row === activeRow()\"\n    [class]=\"getRowClass(row)\"\n    [ngClass]=\"{\n      'watt-table-highlight-row': !disabled() && !suppressRowHoverHighlight(),\n      'watt-table-clickable-row': !disabled() && rowClick$.observed,\n      'watt-table-active-row': isActiveRow(row),\n    }\"\n  ></tr>\n\n  @if (toolbar()) {\n    <tr mat-footer-row *matFooterRowDef=\"['spacer']\"></tr>\n  }\n\n  @if (hasFooter()) {\n    <tr\n      mat-footer-row\n      [class.watt-table-hide-footer]=\"loading() || dataSource().filteredData.length === 0\"\n      *matFooterRowDef=\"renderedColumns(); sticky: stickyFooter()\"\n    ></tr>\n  }\n\n  <ng-container *matNoDataRow>\n    @if (loading()) {\n      @for (i of [1, 2, 3]; track i) {\n        <tr class=\"mat-mdc-row\">\n          @for (_ of renderedColumns(); track _; let i = $index) {\n            <td class=\"mat-mdc-cell\" [class.watt-table-loading-cell]=\"i > 0 || !selectable()\"></td>\n          }\n        </tr>\n      }\n    }\n  </ng-container>\n</table>\n\n@if (toolbar(); as toolbar) {\n  <div class=\"watt-table-toolbar\" role=\"toolbar\">\n    <ng-container\n      *ngTemplateOutlet=\"\n        toolbar.templateRef;\n        context: { $implicit: filterSelectionBy(dataSource().filteredData) }\n      \"\n    />\n  </div>\n}\n", styles: ["watt-table{--mat-table-row-item-label-text-font: $primary-font-family;--mat-table-row-item-outline-color: var(--watt-color-neutral-grey-300);--mat-table-header-headline-font: $primary-font-family}watt-table,watt-table .mat-mdc-table{display:grid;position:relative;overflow:auto;min-height:44px}watt-table .mat-mdc-table{grid-template-columns:var(--watt-table-grid-template-columns);grid-auto-rows:max-content;max-height:100%;z-index:1}watt-table .mat-mdc-table thead,watt-table .mat-mdc-table tbody,watt-table .mat-mdc-table tfoot,watt-table .mat-mdc-table tr.mat-mdc-row,watt-table .mat-mdc-table tr.mat-mdc-header-row,watt-table .mat-mdc-table tr.mat-mdc-footer-row{display:contents}watt-table .mat-mdc-table tr.watt-table-hide-footer{display:none}watt-table .mat-mdc-table tr.mat-mdc-header-row{flex:0 0 auto}watt-table .mat-mdc-table th.mat-mdc-header-cell{color:var(--watt-typography-label-color);font-size:.875rem;line-height:1.25rem;font-weight:600;box-sizing:border-box;display:flex;position:sticky;top:0;padding:0 var(--watt-space-s);height:auto;background:var(--watt-color-primary-ultralight);box-shadow:0 -1px #0000001f inset;border:0;z-index:2!important;white-space:nowrap;-webkit-user-select:none;user-select:none}watt-table .mat-mdc-table td.mat-mdc-footer-cell,watt-table .mat-mdc-table td.mat-mdc-cell{display:flex;align-items:center;min-height:48px;padding:var(--watt-space-xs) var(--watt-space-m);line-height:18px}watt-table .mat-mdc-table td.mat-mdc-cell.watt-table-cell--expandable{padding:0}watt-table .mat-mdc-table td.mat-mdc-footer-cell:not(.watt-table-footer-spacer){border-bottom:1px solid var(--watt-color-neutral-grey-300)}watt-table .mat-mdc-table td.mat-mdc-footer-cell:not(.watt-table-footer-spacer){font-size:.875rem;line-height:1.25rem;font-weight:600;text-transform:none;letter-spacing:0;border-top:2px solid var(--watt-color-neutral-grey-300);background-color:var(--watt-color-neutral-grey-100)}watt-table .mat-mdc-table .watt-table-clickable-row>td:not(.watt-table-cell--expandable),watt-table .mat-mdc-table tr:has(>.watt-table-cell--expandable)>td:not(.watt-table-cell--expandable){cursor:pointer;-webkit-user-select:text;user-select:text}watt-table .mat-mdc-table .watt-table-highlight-row:hover:not(.watt-table-active-row,:has(>.watt-table-cell--expandable:hover))>td{background:var(--watt-color-neutral-grey-100)}watt-table .mat-mdc-table .watt-table-active-row>td{background:var(--watt-color-secondary-ultralight)}watt-table .mat-mdc-table .mat-column-__expandableColumn__>watt-icon{transition:transform .2s}watt-table .mat-mdc-table .mat-column-__expandableColumn__.watt-table-cell--expanded>watt-icon{transform:rotate(90deg)}watt-table .mat-mdc-table .mat-sort-header-arrow{margin:0}watt-table .mat-mdc-table .watt-table-align-right .mat-sort-header-arrow{margin-right:var(--watt-space-s)}watt-table .mat-mdc-table .watt-table-align-center .mat-sort-header-arrow,watt-table .mat-mdc-table .watt-table-align-left .mat-sort-header-arrow{margin-left:var(--watt-space-s)}watt-table .mat-mdc-table .watt-table-header-cell{padding:.75rem var(--watt-space-s)}watt-table .mat-mdc-table .watt-table-checkbox-cell{justify-content:center}watt-table .mat-mdc-table th.watt-table-checkbox-cell{display:flex;align-items:center}watt-table .mat-mdc-table .watt-table-align-center,watt-table .mat-mdc-table .watt-table-align-center .mat-sort-header-container{justify-content:center;text-align:center}watt-table .mat-mdc-table .watt-table-align-right,watt-table .mat-mdc-table .watt-table-align-right .mat-sort-header-container{justify-content:right;text-align:right}.watt-table-variant-zebra>table>tbody>tr:nth-child(2n):not(.watt-table-active-row)>td{background-color:var(--watt-color-neutral-grey-50)}watt-table .mat-mdc-table th.watt-table-cell--expandable{display:none}watt-table .mat-mdc-table tr.mat-mdc-row td.mat-mdc-cell.watt-table-cell--expandable{position:relative;min-height:0;max-height:0;border-bottom-width:0;overflow:hidden;pointer-events:none;grid-column:1/-1;background:transparent;flex:1 1 auto;opacity:0;will-change:opacity;transition:opacity .2s cubic-bezier(.4,0,.2,1),overflow 0s .3s allow-discrete}watt-table .mat-mdc-table tr.mat-mdc-row td.mat-mdc-cell.watt-table-cell--expandable>.watt-table-cell-wrapper{position:absolute;top:0;width:100%}watt-table .mat-mdc-table tr.mat-mdc-row td.watt-table-cell--expandable.watt-table-cell--expanded{height:auto;max-height:initial;opacity:1;border-bottom-width:1px;pointer-events:all;overflow:visible}watt-table .mat-mdc-table tr.mat-mdc-row td.watt-table-cell--expandable.watt-table-cell--expanded>.watt-table-cell-wrapper{position:relative}.watt-table-cell-wrapper{width:100%}.watt-table-footer-spacer{display:none;height:76px;border:0}.watt-table-has-selection .watt-table-footer-spacer{display:block}.watt-table-has-selection+.watt-table-toolbar{opacity:1;visibility:visible;transition:opacity .3s cubic-bezier(0,0,.2,1),visibility .5s}.watt-table-toolbar{position:absolute;bottom:var(--watt-space-m);left:50%;transform:translate(-50%);display:flex;align-items:center;padding:0 var(--watt-space-m);min-height:44px;border-radius:22px;color:var(--watt-color-primary-contrast);background-color:var(--watt-color-primary);z-index:1;opacity:0;visibility:hidden;transition:none}.watt-table-toolbar .watt-button--disabled{opacity:.4;--watt-button-primary-disabled-color: #fff}.watt-table-loading-cell:before{content:\"\";flex:1;display:block;max-width:200px;height:var(--watt-space-m);border-radius:var(--watt-space-m);opacity:.75;animation:shine 2s infinite linear;background-color:var(--watt-color-neutral-grey-200);background-size:300px;background-position:-100px;background-image:linear-gradient(90deg,var(--watt-color-neutral-grey-300) 0px,var(--watt-color-neutral-grey-200) 40px,var(--watt-color-neutral-grey-300) 80px)}@keyframes shine{40%,to{background-position:200px}}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatSortModule }, { kind: "directive", type: i2.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i2.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i3.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i3.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i3.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i3.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i3.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i3.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i3.MatFooterCellDef, selector: "[matFooterCellDef]" }, { kind: "directive", type: i3.MatFooterRowDef, selector: "[matFooterRowDef]", inputs: ["matFooterRowDef", "matFooterRowDefSticky"] }, { kind: "directive", type: i3.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i3.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "directive", type: i3.MatFooterCell, selector: "mat-footer-cell, td[mat-footer-cell]" }, { kind: "component", type: i3.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i3.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: i3.MatFooterRow, selector: "mat-footer-row, tr[mat-footer-row]", exportAs: ["matFooterRow"] }, { kind: "directive", type: i3.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { kind: "component", type: WattIconComponent, selector: "watt-icon", inputs: ["name", "label", "size", "state"] }, { kind: "component", type: WattCheckboxComponent, selector: "watt-checkbox", inputs: ["required"] }, { kind: "pipe", type: KeyValuePipe, name: "keyvalue" }], encapsulation: i0.ViewEncapsulation.None, deferBlockDependencies: [() => [NgTemplateOutlet]] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WattTableComponent, decorators: [{
             type: Component,
@@ -329,7 +416,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     ], encapsulation: ViewEncapsulation.None, selector: 'watt-table', host: {
                         '[class.watt-table-variant-zebra]': 'variant() === "zebra"',
                         '[style.--watt-table-grid-template-columns]': 'sizing().join(" ")',
-                    }, template: "<!--\n@license\nCopyright 2020 Energinet DataHub A/S\n\nLicensed under the Apache License, Version 2.0 (the \"License2\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n    http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n-->\n<table\n  mat-table\n  matSort\n  role=\"treegrid\"\n  [ngClass]=\"{ 'watt-table-has-selection': getSelectionState() !== false }\"\n  [matSortActive]=\"sortBy()\"\n  [matSortDirection]=\"sortDirection()\"\n  [matSortDisableClear]=\"!sortClear()\"\n  [dataSource]=\"dataSource()\"\n  [attr.aria-label]=\"description()\"\n  (matSortChange)=\"sortChange.emit($event)\"\n>\n  @if (selectable()) {\n    <ng-container [matColumnDef]=\"checkboxColumn\" [sticky]=\"true\">\n      <th mat-header-cell *matHeaderCellDef class=\"watt-table-checkbox-cell\">\n        <watt-checkbox\n          [ngModel]=\"getSelectionState()\"\n          (ngModelChange)=\"$event ? selection.set(dataSource().filteredData) : clearSelection()\"\n        />\n      </th>\n      <td mat-cell *matCellDef=\"let row\" class=\"watt-table-checkbox-cell\">\n        <watt-checkbox\n          [ngModel]=\"selection().includes(row)\"\n          (ngModelChange)=\"toggleSelection(row)\"\n          (click)=\"$event.stopPropagation()\"\n        />\n      </td>\n    </ng-container>\n  }\n\n  <ng-container [matColumnDef]=\"expandableColumn\">\n    <th mat-header-cell *matHeaderCellDef></th>\n    <td\n      #td\n      mat-cell\n      *matCellDef=\"let row; let index = index\"\n      [attr.data-key]=\"getRowKey(index, row)\"\n      [attr.data-row-index]=\"index\"\n      (click)=\"onRowClick(row)\"\n      [class.watt-table-cell--expanded]=\"expanded().includes(row)\"\n    >\n      <watt-icon name=\"right\" size=\"xs\" />\n    </td>\n  </ng-container>\n\n  @for (column of columns() | keyvalue; track column.key) {\n    <ng-container [matColumnDef]=\"column.key\" [stickyEnd]=\"column.value.stickyEnd?.()\">\n      <th\n        mat-header-cell\n        *matHeaderCellDef\n        [class.watt-table-cell--expandable]=\"column.value.expandable\"\n        class=\"watt-table-align-{{ column.value.align ?? 'left' }} {{\n          column.value.headerCellClass\n        }}\"\n      >\n        @if (column.value.helperAction; as action) {\n          <watt-icon name=\"help\" (click)=\"action()\" />\n        }\n\n        <div\n          class=\"watt-table-header-cell\"\n          mat-sort-header\n          [arrowPosition]=\"column.value.align === 'right' ? 'before' : 'after'\"\n          [disabled]=\"!column.value.accessor || column.value.sort === false\"\n        >\n          {{ getColumnHeader(column) }}\n          @if (column.value.tooltip; as tooltip) {\n            <watt-icon [title]=\"tooltip\" name=\"info\" state=\"default\" />\n          }\n        </div>\n      </th>\n\n      <td\n        #td\n        mat-cell\n        *matCellDef=\"let row; let index = index\"\n        [attr.data-key]=\"getRowKey(index, row)\"\n        [attr.data-row-index]=\"index\"\n        [class.watt-table-cell--expanded]=\"expanded().includes(row)\"\n        [class.watt-table-cell--expandable]=\"column.value.expandable\"\n        class=\"watt-table-align-{{ column.value.align ?? 'left' }} {{ column.value.dataCellClass }}\"\n        (click)=\"!column.value.expandable && onRowClick(row)\"\n      >\n        @if (isExpandable()) {\n          @defer (when !column.value.expandable || expanded().includes(row)) {\n            @if (getColumnTemplate(column.value); as template) {\n              <div class=\"watt-table-cell-wrapper\">\n                <ng-container *ngTemplateOutlet=\"template; context: { $implicit: row, index }\" />\n              </div>\n            } @else {\n              {{ getColumnCell(column.value, row) }}\n            }\n          }\n        } @else {\n          @if (getColumnTemplate(column.value); as template) {\n            <div class=\"watt-table-cell-wrapper\">\n              <ng-container *ngTemplateOutlet=\"template; context: { $implicit: row, index }\" />\n            </div>\n          } @else {\n            {{ getColumnCell(column.value, row) }}\n          }\n        }\n      </td>\n\n      @if (hasFooter()) {\n        <td\n          mat-footer-cell\n          *matFooterCellDef\n          class=\"{{ column.value.footer?.class }} watt-table-align-{{\n            column.value.align ?? 'left'\n          }} \"\n        >\n          {{ column.value.footer?.value?.() }}\n        </td>\n      }\n    </ng-container>\n  }\n\n  <ng-container matColumnDef=\"spacer\">\n    <td class=\"watt-table-footer-spacer\" mat-footer-cell *matFooterCellDef></td>\n  </ng-container>\n\n  @if (!hideColumnHeaders()) {\n    <tr mat-header-row *matHeaderRowDef=\"renderedColumns()\"></tr>\n  }\n  <tr\n    mat-row\n    *matRowDef=\"let row; columns: renderedColumns()\"\n    [attr.aria-selected]=\"row === activeRow()\"\n    [class]=\"getRowClass(row)\"\n    [ngClass]=\"{\n      'watt-table-highlight-row': !disabled() && !suppressRowHoverHighlight(),\n      'watt-table-clickable-row': !disabled() && rowClick$.observed,\n      'watt-table-active-row': isActiveRow(row),\n      'watt-table-no-end-divider': hideColumnHeaders(),\n    }\"\n  ></tr>\n\n  @if (toolbar()) {\n    <tr mat-footer-row *matFooterRowDef=\"['spacer']\"></tr>\n  }\n\n  @if (hasFooter()) {\n    <tr\n      mat-footer-row\n      [class.watt-table-hide-footer]=\"loading() || dataSource().filteredData.length === 0\"\n      *matFooterRowDef=\"renderedColumns(); sticky: stickyFooter()\"\n    ></tr>\n  }\n\n  <ng-container *matNoDataRow>\n    @if (loading()) {\n      @for (i of [1, 2, 3]; track i) {\n        <tr class=\"mat-mdc-row\">\n          @for (_ of renderedColumns(); track _; let i = $index) {\n            <td class=\"mat-mdc-cell\" [class.watt-table-loading-cell]=\"i > 0 || !selectable()\"></td>\n          }\n        </tr>\n      }\n    }\n  </ng-container>\n</table>\n\n@if (toolbar(); as toolbar) {\n  <div class=\"watt-table-toolbar\" role=\"toolbar\">\n    <ng-container\n      *ngTemplateOutlet=\"\n        toolbar.templateRef;\n        context: { $implicit: filterSelectionBy(dataSource().filteredData) }\n      \"\n    />\n  </div>\n}\n", styles: ["watt-table{--mat-table-row-item-label-text-font: $primary-font-family;--mat-table-row-item-outline-color: var(--watt-color-neutral-grey-300);--mat-table-header-headline-font: $primary-font-family}watt-table,watt-table .mat-mdc-table{display:grid;position:relative;overflow:auto;min-height:44px}watt-table .mat-mdc-table{grid-template-columns:var(--watt-table-grid-template-columns);grid-auto-rows:max-content;max-height:100%;z-index:1}watt-table .mat-mdc-table thead,watt-table .mat-mdc-table tbody,watt-table .mat-mdc-table tfoot,watt-table .mat-mdc-table tr.mat-mdc-row,watt-table .mat-mdc-table tr.mat-mdc-header-row,watt-table .mat-mdc-table tr.mat-mdc-footer-row{display:contents}watt-table .mat-mdc-table tr.watt-table-hide-footer{display:none}watt-table .mat-mdc-table tr.mat-mdc-header-row{flex:0 0 auto}watt-table .mat-mdc-table th.mat-mdc-header-cell{color:var(--watt-typography-label-color);font-size:.875rem;line-height:1.25rem;font-weight:600;box-sizing:border-box;display:flex;position:sticky;top:0;padding:0 var(--watt-space-s);height:auto;background:var(--watt-color-primary-ultralight);box-shadow:0 -1px #0000001f inset;border:0;z-index:2!important;white-space:nowrap;-webkit-user-select:none;user-select:none}watt-table .mat-mdc-table td.mat-mdc-footer-cell,watt-table .mat-mdc-table td.mat-mdc-cell{display:flex;align-items:center;min-height:48px;padding:var(--watt-space-xs) var(--watt-space-m);line-height:18px}watt-table .mat-mdc-table td.mat-mdc-cell.watt-table-cell--expandable{padding:0}watt-table .mat-mdc-table td.mat-mdc-footer-cell:not(.watt-table-footer-spacer),watt-table .mat-mdc-table tr.mdc-data-table__row:last-child .mat-mdc-cell{border-bottom:1px solid var(--watt-color-neutral-grey-300)}watt-table .mat-mdc-table td.mat-mdc-footer-cell:not(.watt-table-footer-spacer){font-size:.875rem;line-height:1.25rem;font-weight:600;text-transform:none;letter-spacing:0;border-top:2px solid var(--watt-color-neutral-grey-300);background-color:var(--watt-color-neutral-grey-100)}watt-table .mat-mdc-table .watt-table-no-end-divider:last-child .mat-mdc-cell{border-bottom:0px solid var(--watt-color-neutral-grey-300)!important}watt-table .mat-mdc-table .watt-table-clickable-row>td:not(.watt-table-cell--expandable),watt-table .mat-mdc-table tr:has(>.watt-table-cell--expandable)>td:not(.watt-table-cell--expandable){cursor:pointer;-webkit-user-select:text;user-select:text}watt-table .mat-mdc-table .watt-table-highlight-row:hover:not(.watt-table-active-row,:has(>.watt-table-cell--expandable:hover))>td{background:var(--watt-color-neutral-grey-100)}watt-table .mat-mdc-table .watt-table-active-row>td{background:var(--watt-color-secondary-ultralight)}watt-table .mat-mdc-table .mat-column-__expandableColumn__>watt-icon{transition:transform .2s}watt-table .mat-mdc-table .mat-column-__expandableColumn__.watt-table-cell--expanded>watt-icon{transform:rotate(90deg)}watt-table .mat-mdc-table .mat-sort-header-arrow{margin:0}watt-table .mat-mdc-table .watt-table-align-right .mat-sort-header-arrow{margin-right:var(--watt-space-s)}watt-table .mat-mdc-table .watt-table-align-center .mat-sort-header-arrow,watt-table .mat-mdc-table .watt-table-align-left .mat-sort-header-arrow{margin-left:var(--watt-space-s)}watt-table .mat-mdc-table .watt-table-header-cell{padding:.75rem var(--watt-space-s)}watt-table .mat-mdc-table .watt-table-checkbox-cell{justify-content:center}watt-table .mat-mdc-table th.watt-table-checkbox-cell{display:flex;align-items:center}watt-table .mat-mdc-table .watt-table-align-center,watt-table .mat-mdc-table .watt-table-align-center .mat-sort-header-container{justify-content:center;text-align:center}watt-table .mat-mdc-table .watt-table-align-right,watt-table .mat-mdc-table .watt-table-align-right .mat-sort-header-container{justify-content:right;text-align:right}.watt-table-variant-zebra>table>tbody>tr:nth-child(2n):not(.watt-table-active-row)>td{background-color:var(--watt-color-neutral-grey-50)}watt-table .mat-mdc-table th.watt-table-cell--expandable{display:none}watt-table .mat-mdc-table tr.mat-mdc-row td.mat-mdc-cell.watt-table-cell--expandable{position:relative;min-height:0;max-height:0;border-bottom-width:0;overflow:hidden;pointer-events:none;grid-column:1/-1;background:transparent;flex:1 1 auto;opacity:0;will-change:opacity;transition:opacity .2s cubic-bezier(.4,0,.2,1),overflow 0s .3s allow-discrete}watt-table .mat-mdc-table tr.mat-mdc-row td.mat-mdc-cell.watt-table-cell--expandable>.watt-table-cell-wrapper{position:absolute;top:0;width:100%}watt-table .mat-mdc-table tr.mat-mdc-row td.watt-table-cell--expandable.watt-table-cell--expanded{height:auto;max-height:initial;opacity:1;border-bottom-width:1px;pointer-events:all;overflow:visible}watt-table .mat-mdc-table tr.mat-mdc-row td.watt-table-cell--expandable.watt-table-cell--expanded>.watt-table-cell-wrapper{position:relative}.watt-table-cell-wrapper{width:100%}.watt-table-footer-spacer{display:none;height:76px;border:0}.watt-table-has-selection .watt-table-footer-spacer{display:block}.watt-table-has-selection+.watt-table-toolbar{opacity:1;visibility:visible;transition:opacity .3s cubic-bezier(0,0,.2,1),visibility .5s}.watt-table-toolbar{position:absolute;bottom:var(--watt-space-m);left:50%;transform:translate(-50%);display:flex;align-items:center;padding:0 var(--watt-space-m);min-height:44px;border-radius:22px;color:var(--watt-color-primary-contrast);background-color:var(--watt-color-primary);z-index:1;opacity:0;visibility:hidden;transition:none}.watt-table-toolbar .watt-button--disabled{opacity:.4;--watt-button-primary-disabled-color: #fff}.watt-table-loading-cell:before{content:\"\";flex:1;display:block;max-width:200px;height:var(--watt-space-m);border-radius:var(--watt-space-m);opacity:.75;animation:shine 2s infinite linear;background-color:var(--watt-color-neutral-grey-200);background-size:300px;background-position:-100px;background-image:linear-gradient(90deg,var(--watt-color-neutral-grey-300) 0px,var(--watt-color-neutral-grey-200) 40px,var(--watt-color-neutral-grey-300) 80px)}@keyframes shine{40%,to{background-position:200px}}\n"] }]
+                    }, template: "<!--\n@license\nCopyright 2020 Energinet DataHub A/S\n\nLicensed under the Apache License, Version 2.0 (the \"License2\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n    http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n-->\n<table\n  mat-table\n  matSort\n  role=\"treegrid\"\n  [ngClass]=\"{ 'watt-table-has-selection': getSelectionState() !== false }\"\n  [matSortActive]=\"sortBy()\"\n  [matSortDirection]=\"sortDirection()\"\n  [matSortDisableClear]=\"!sortClear()\"\n  [dataSource]=\"dataSource()\"\n  [attr.aria-label]=\"description()\"\n  (matSortChange)=\"sortChange.emit($event)\"\n>\n  @if (selectable()) {\n    <ng-container [matColumnDef]=\"checkboxColumn\" [sticky]=\"true\">\n      <th mat-header-cell *matHeaderCellDef class=\"watt-table-checkbox-cell\">\n        <watt-checkbox\n          [ngModel]=\"getSelectionState()\"\n          (ngModelChange)=\"$event ? selection.set(dataSource().filteredData) : clearSelection()\"\n        />\n      </th>\n      <td mat-cell *matCellDef=\"let row\" class=\"watt-table-checkbox-cell\">\n        <watt-checkbox\n          [ngModel]=\"selection().includes(row)\"\n          (ngModelChange)=\"toggleSelection(row)\"\n          (click)=\"$event.stopPropagation()\"\n        />\n      </td>\n    </ng-container>\n  }\n\n  <ng-container [matColumnDef]=\"expandableColumn\">\n    <th mat-header-cell *matHeaderCellDef></th>\n    <td\n      #td\n      mat-cell\n      *matCellDef=\"let row; let index = index\"\n      [attr.data-key]=\"getRowKey(index, row)\"\n      [attr.data-row-index]=\"index\"\n      (click)=\"onRowClick(row)\"\n      [class.watt-table-cell--expanded]=\"expanded().includes(row)\"\n    >\n      <watt-icon name=\"right\" size=\"xs\" />\n    </td>\n  </ng-container>\n\n  @for (column of columns() | keyvalue; track column.key) {\n    <ng-container [matColumnDef]=\"column.key\" [stickyEnd]=\"column.value.stickyEnd?.()\">\n      <th\n        mat-header-cell\n        *matHeaderCellDef\n        [class.watt-table-cell--expandable]=\"column.value.expandable\"\n        class=\"watt-table-align-{{ column.value.align ?? 'left' }} {{\n          column.value.headerCellClass\n        }}\"\n      >\n        @if (column.value.helperAction; as action) {\n          <watt-icon name=\"help\" (click)=\"action()\" />\n        }\n\n        <div\n          class=\"watt-table-header-cell\"\n          mat-sort-header\n          [arrowPosition]=\"column.value.align === 'right' ? 'before' : 'after'\"\n          [disabled]=\"!column.value.accessor || column.value.sort === false\"\n        >\n          {{ getColumnHeader(column) }}\n          @if (column.value.tooltip; as tooltip) {\n            <watt-icon [title]=\"tooltip\" name=\"info\" state=\"default\" />\n          }\n        </div>\n      </th>\n\n      <td\n        #td\n        mat-cell\n        *matCellDef=\"let row; let index = index\"\n        [attr.data-key]=\"getRowKey(index, row)\"\n        [attr.data-row-index]=\"index\"\n        [class.watt-table-cell--expanded]=\"expanded().includes(row)\"\n        [class.watt-table-cell--expandable]=\"column.value.expandable\"\n        class=\"watt-table-align-{{ column.value.align ?? 'left' }} {{ column.value.dataCellClass }}\"\n        (click)=\"!column.value.expandable && onRowClick(row)\"\n      >\n        @if (isExpandable()) {\n          @defer (when !column.value.expandable || expanded().includes(row)) {\n            @if (getColumnTemplate(column.value); as template) {\n              <div class=\"watt-table-cell-wrapper\">\n                <ng-container *ngTemplateOutlet=\"template; context: { $implicit: row, index }\" />\n              </div>\n            } @else {\n              {{ getColumnCell(column.value, row) }}\n            }\n          }\n        } @else {\n          @if (getColumnTemplate(column.value); as template) {\n            <div class=\"watt-table-cell-wrapper\">\n              <ng-container *ngTemplateOutlet=\"template; context: { $implicit: row, index }\" />\n            </div>\n          } @else {\n            {{ getColumnCell(column.value, row) }}\n          }\n        }\n      </td>\n\n      @if (hasFooter()) {\n        <td\n          mat-footer-cell\n          *matFooterCellDef\n          class=\"{{ column.value.footer?.class }} watt-table-align-{{\n            column.value.align ?? 'left'\n          }} \"\n        >\n          {{ column.value.footer?.value?.() }}\n        </td>\n      }\n    </ng-container>\n  }\n\n  <ng-container matColumnDef=\"spacer\">\n    <td class=\"watt-table-footer-spacer\" mat-footer-cell *matFooterCellDef></td>\n  </ng-container>\n\n  @if (!hideColumnHeaders()) {\n    <tr mat-header-row *matHeaderRowDef=\"renderedColumns()\"></tr>\n  }\n  <tr\n    mat-row\n    *matRowDef=\"let row; columns: renderedColumns()\"\n    [attr.aria-selected]=\"row === activeRow()\"\n    [class]=\"getRowClass(row)\"\n    [ngClass]=\"{\n      'watt-table-highlight-row': !disabled() && !suppressRowHoverHighlight(),\n      'watt-table-clickable-row': !disabled() && rowClick$.observed,\n      'watt-table-active-row': isActiveRow(row),\n    }\"\n  ></tr>\n\n  @if (toolbar()) {\n    <tr mat-footer-row *matFooterRowDef=\"['spacer']\"></tr>\n  }\n\n  @if (hasFooter()) {\n    <tr\n      mat-footer-row\n      [class.watt-table-hide-footer]=\"loading() || dataSource().filteredData.length === 0\"\n      *matFooterRowDef=\"renderedColumns(); sticky: stickyFooter()\"\n    ></tr>\n  }\n\n  <ng-container *matNoDataRow>\n    @if (loading()) {\n      @for (i of [1, 2, 3]; track i) {\n        <tr class=\"mat-mdc-row\">\n          @for (_ of renderedColumns(); track _; let i = $index) {\n            <td class=\"mat-mdc-cell\" [class.watt-table-loading-cell]=\"i > 0 || !selectable()\"></td>\n          }\n        </tr>\n      }\n    }\n  </ng-container>\n</table>\n\n@if (toolbar(); as toolbar) {\n  <div class=\"watt-table-toolbar\" role=\"toolbar\">\n    <ng-container\n      *ngTemplateOutlet=\"\n        toolbar.templateRef;\n        context: { $implicit: filterSelectionBy(dataSource().filteredData) }\n      \"\n    />\n  </div>\n}\n", styles: ["watt-table{--mat-table-row-item-label-text-font: $primary-font-family;--mat-table-row-item-outline-color: var(--watt-color-neutral-grey-300);--mat-table-header-headline-font: $primary-font-family}watt-table,watt-table .mat-mdc-table{display:grid;position:relative;overflow:auto;min-height:44px}watt-table .mat-mdc-table{grid-template-columns:var(--watt-table-grid-template-columns);grid-auto-rows:max-content;max-height:100%;z-index:1}watt-table .mat-mdc-table thead,watt-table .mat-mdc-table tbody,watt-table .mat-mdc-table tfoot,watt-table .mat-mdc-table tr.mat-mdc-row,watt-table .mat-mdc-table tr.mat-mdc-header-row,watt-table .mat-mdc-table tr.mat-mdc-footer-row{display:contents}watt-table .mat-mdc-table tr.watt-table-hide-footer{display:none}watt-table .mat-mdc-table tr.mat-mdc-header-row{flex:0 0 auto}watt-table .mat-mdc-table th.mat-mdc-header-cell{color:var(--watt-typography-label-color);font-size:.875rem;line-height:1.25rem;font-weight:600;box-sizing:border-box;display:flex;position:sticky;top:0;padding:0 var(--watt-space-s);height:auto;background:var(--watt-color-primary-ultralight);box-shadow:0 -1px #0000001f inset;border:0;z-index:2!important;white-space:nowrap;-webkit-user-select:none;user-select:none}watt-table .mat-mdc-table td.mat-mdc-footer-cell,watt-table .mat-mdc-table td.mat-mdc-cell{display:flex;align-items:center;min-height:48px;padding:var(--watt-space-xs) var(--watt-space-m);line-height:18px}watt-table .mat-mdc-table td.mat-mdc-cell.watt-table-cell--expandable{padding:0}watt-table .mat-mdc-table td.mat-mdc-footer-cell:not(.watt-table-footer-spacer){border-bottom:1px solid var(--watt-color-neutral-grey-300)}watt-table .mat-mdc-table td.mat-mdc-footer-cell:not(.watt-table-footer-spacer){font-size:.875rem;line-height:1.25rem;font-weight:600;text-transform:none;letter-spacing:0;border-top:2px solid var(--watt-color-neutral-grey-300);background-color:var(--watt-color-neutral-grey-100)}watt-table .mat-mdc-table .watt-table-clickable-row>td:not(.watt-table-cell--expandable),watt-table .mat-mdc-table tr:has(>.watt-table-cell--expandable)>td:not(.watt-table-cell--expandable){cursor:pointer;-webkit-user-select:text;user-select:text}watt-table .mat-mdc-table .watt-table-highlight-row:hover:not(.watt-table-active-row,:has(>.watt-table-cell--expandable:hover))>td{background:var(--watt-color-neutral-grey-100)}watt-table .mat-mdc-table .watt-table-active-row>td{background:var(--watt-color-secondary-ultralight)}watt-table .mat-mdc-table .mat-column-__expandableColumn__>watt-icon{transition:transform .2s}watt-table .mat-mdc-table .mat-column-__expandableColumn__.watt-table-cell--expanded>watt-icon{transform:rotate(90deg)}watt-table .mat-mdc-table .mat-sort-header-arrow{margin:0}watt-table .mat-mdc-table .watt-table-align-right .mat-sort-header-arrow{margin-right:var(--watt-space-s)}watt-table .mat-mdc-table .watt-table-align-center .mat-sort-header-arrow,watt-table .mat-mdc-table .watt-table-align-left .mat-sort-header-arrow{margin-left:var(--watt-space-s)}watt-table .mat-mdc-table .watt-table-header-cell{padding:.75rem var(--watt-space-s)}watt-table .mat-mdc-table .watt-table-checkbox-cell{justify-content:center}watt-table .mat-mdc-table th.watt-table-checkbox-cell{display:flex;align-items:center}watt-table .mat-mdc-table .watt-table-align-center,watt-table .mat-mdc-table .watt-table-align-center .mat-sort-header-container{justify-content:center;text-align:center}watt-table .mat-mdc-table .watt-table-align-right,watt-table .mat-mdc-table .watt-table-align-right .mat-sort-header-container{justify-content:right;text-align:right}.watt-table-variant-zebra>table>tbody>tr:nth-child(2n):not(.watt-table-active-row)>td{background-color:var(--watt-color-neutral-grey-50)}watt-table .mat-mdc-table th.watt-table-cell--expandable{display:none}watt-table .mat-mdc-table tr.mat-mdc-row td.mat-mdc-cell.watt-table-cell--expandable{position:relative;min-height:0;max-height:0;border-bottom-width:0;overflow:hidden;pointer-events:none;grid-column:1/-1;background:transparent;flex:1 1 auto;opacity:0;will-change:opacity;transition:opacity .2s cubic-bezier(.4,0,.2,1),overflow 0s .3s allow-discrete}watt-table .mat-mdc-table tr.mat-mdc-row td.mat-mdc-cell.watt-table-cell--expandable>.watt-table-cell-wrapper{position:absolute;top:0;width:100%}watt-table .mat-mdc-table tr.mat-mdc-row td.watt-table-cell--expandable.watt-table-cell--expanded{height:auto;max-height:initial;opacity:1;border-bottom-width:1px;pointer-events:all;overflow:visible}watt-table .mat-mdc-table tr.mat-mdc-row td.watt-table-cell--expandable.watt-table-cell--expanded>.watt-table-cell-wrapper{position:relative}.watt-table-cell-wrapper{width:100%}.watt-table-footer-spacer{display:none;height:76px;border:0}.watt-table-has-selection .watt-table-footer-spacer{display:block}.watt-table-has-selection+.watt-table-toolbar{opacity:1;visibility:visible;transition:opacity .3s cubic-bezier(0,0,.2,1),visibility .5s}.watt-table-toolbar{position:absolute;bottom:var(--watt-space-m);left:50%;transform:translate(-50%);display:flex;align-items:center;padding:0 var(--watt-space-m);min-height:44px;border-radius:22px;color:var(--watt-color-primary-contrast);background-color:var(--watt-color-primary);z-index:1;opacity:0;visibility:hidden;transition:none}.watt-table-toolbar .watt-button--disabled{opacity:.4;--watt-button-primary-disabled-color: #fff}.watt-table-loading-cell:before{content:\"\";flex:1;display:block;max-width:200px;height:var(--watt-space-m);border-radius:var(--watt-space-m);opacity:.75;animation:shine 2s infinite linear;background-color:var(--watt-color-neutral-grey-200);background-size:300px;background-position:-100px;background-image:linear-gradient(90deg,var(--watt-color-neutral-grey-300) 0px,var(--watt-color-neutral-grey-200) 40px,var(--watt-color-neutral-grey-300) 80px)}@keyframes shine{40%,to{background-position:200px}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { dataSource: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataSource", required: true }] }], columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: false }] }], displayedColumns: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayedColumns", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], stickyFooter: [{ type: i0.Input, args: [{ isSignal: true, alias: "stickyFooter", required: false }] }], resolveHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "resolveHeader", required: false }] }], sortBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "sortBy", required: false }] }], sortDirection: [{ type: i0.Input, args: [{ isSignal: true, alias: "sortDirection", required: false }] }], sortClear: [{ type: i0.Input, args: [{ isSignal: true, alias: "sortClear", required: false }] }], rowClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowClass", required: false }] }], selectable: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectable", required: false }] }], selection: [{ type: i0.Input, args: [{ isSignal: true, alias: "selection", required: false }] }, { type: i0.Output, args: ["selectionChange"] }], suppressRowHoverHighlight: [{ type: i0.Input, args: [{ isSignal: true, alias: "suppressRowHoverHighlight", required: false }] }], activeRow: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeRow", required: false }] }], activeRowComparator: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeRowComparator", required: false }] }], hideColumnHeaders: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideColumnHeaders", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: false }] }, { type: i0.Output, args: ["expandedChange"] }], trackBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "trackBy", required: false }] }], rowClick: [{ type: i0.Output, args: ["rowClick"] }], sortChange: [{ type: i0.Output, args: ["sortChange"] }], cells: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => WattTableCellDirective), { isSignal: true }] }], toolbar: [{ type: i0.ContentChild, args: [i0.forwardRef(() => WattTableToolbarDirective), { isSignal: true }] }], sort: [{ type: i0.ViewChild, args: [i0.forwardRef(() => MatSort), { isSignal: true }] }], tableCellElements: [{ type: i0.ViewChildren, args: ['td', { isSignal: true }] }] } });
-export const WATT_TABLE = [WattTableComponent, WattTableCellDirective, WattTableToolbarDirective];
-//# sourceMappingURL=watt-table.component.js.map
+const WATT_TABLE = [WattTableComponent, WattTableCellDirective, WattTableToolbarDirective];
+
+//#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 { WATT_TABLE, WattTableCellDirective, WattTableComponent, WattTableDataSource, WattTableToolbarDirective, dataSource };
+//# sourceMappingURL=energinet-watt-table.mjs.map

package/fesm2022/energinet-watt-table.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"energinet-watt-table.mjs","sources":["../../../libs/watt/package/table/watt-table-data-source.ts","../../../libs/watt/package/table/watt-table-expand-animation.ts","../../../libs/watt/package/table/watt-table.component.ts","../../../libs/watt/package/table/watt-table.component.html","../../../libs/watt/package/table/index.ts","../../../libs/watt/package/table/energinet-watt-table.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 { DataSource } from '@angular/cdk/collections';\nimport { computed, effect } from '@angular/core';\nimport { MatPaginator } from '@angular/material/paginator';\nimport { MatSort } from '@angular/material/sort';\nimport { MatTableDataSource } from '@angular/material/table';\n\nexport interface IWattTableDataSource<T> extends DataSource<T> {\n  data: T[];\n  filter: string;\n  filteredData: T[];\n  paginator: MatPaginator | null | undefined;\n  sort: MatSort | null | undefined;\n  totalCount: number;\n}\n\n/**\n * @see https://material.angular.dev/components/table/api#MatTableDataSource\n */\nexport class WattTableDataSource<T>\n  extends MatTableDataSource<T>\n  implements IWattTableDataSource<T>\n{\n  constructor(\n    initialData?: T[],\n    config: { disableClientSideSort: boolean } = { disableClientSideSort: false }\n  ) {\n    super(initialData);\n\n    if (config.disableClientSideSort)\n      this.sortData = (data: T[]): T[] => {\n        return data;\n      };\n  }\n\n  get totalCount() {\n    return this.data.length;\n  }\n}\n\n/** Convenience method for creating a data source from reactive input. */\nexport const dataSource = <T>(computation: () => T[]) => {\n  const data = computed(computation);\n  const dataSource = new WattTableDataSource<T>();\n  effect(() => {\n    dataSource.data = data();\n  });\n  return dataSource;\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 {\n  afterRenderEffect,\n  computed,\n  ElementRef,\n  linkedSignal,\n  Signal,\n  untracked,\n} from '@angular/core';\nimport { EXPANDABLE_CLASS } from './watt-table.component';\n\nexport const animateExpandableCells = (\n  elements: Signal<readonly ElementRef<HTMLTableCellElement>[]>,\n  trigger: Signal<unknown>\n) => {\n  const cells = computed<HTMLTableCellElement[]>(() => elements().map((c) => c.nativeElement));\n  const expandable = computed(() => cells().filter((c) => c.classList.contains(EXPANDABLE_CLASS)));\n\n  // Accumulate a map of the height of cells. This needs to remember previous values\n  // in case the table navigates/filters or otherwise changes the cells, since cell\n  // elements will be added or removed from the list dynamically.\n  const heightMap = linkedSignal<Record<string, number>, Record<string, number>>({\n    source: computed(() => {\n      trigger(); // recalculate when cells are expanded\n      return Object.fromEntries(expandable().map((cell) => [cell.dataset.key, cell.offsetHeight]));\n    }),\n    computation: (source, prev) => ({ ...prev?.value, ...source }),\n  });\n\n  // Compute the differences in height for each cell since the last `trigger`\n  const deltaMap = linkedSignal<Record<string, number>, [string, number][]>({\n    source: heightMap,\n    computation: (source, prev) =>\n      Object.entries(source).map(([key, height]) => [key, height - (prev?.source[key] ?? 0)]),\n  });\n\n  return afterRenderEffect({\n    read: () => {\n      trigger(); // run the animation in response to the `trigger` signal only\n      untracked(() => {\n        deltaMap()\n          .filter(([, deltaY]) => deltaY !== 0)\n          .forEach(([key, deltaY]) => {\n            // Animate all cells below the expanding cell\n            const rowIndex = cells().find((c) => c.dataset.key === key)?.dataset.rowIndex;\n            if (!rowIndex) return;\n            cells()\n              .filter((c) => c.dataset.rowIndex && c.dataset.rowIndex > rowIndex)\n              .forEach((c) => {\n                c.animate(\n                  { transform: [`translateY(${deltaY * -1}px)`, 'translateY(0)'] },\n                  { duration: 300, easing: 'cubic-bezier(0.4, 0, 0.2, 1)', composite: 'add' }\n                );\n              });\n          });\n      });\n    },\n  });\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 { KeyValue, KeyValuePipe, NgClass, NgTemplateOutlet } from '@angular/common';\nimport {\n  Component,\n  computed,\n  contentChild,\n  contentChildren,\n  Directive,\n  effect,\n  ElementRef,\n  inject,\n  input,\n  model,\n  output,\n  TemplateRef,\n  viewChild,\n  viewChildren,\n  ViewEncapsulation,\n} from '@angular/core';\nimport type { Signal, TrackByFunction } from '@angular/core';\nimport { outputFromObservable } from '@angular/core/rxjs-interop';\nimport { FormsModule } from '@angular/forms';\nimport { MatSort, MatSortModule, Sort, SortDirection } from '@angular/material/sort';\nimport { MatTableModule } from '@angular/material/table';\nimport { Subject } from 'rxjs';\n\nimport { WattCheckboxComponent } from '@energinet/watt/checkbox';\nimport { wattFormatDate } from '@energinet/watt/core/date';\nimport { WattIconComponent } from '@energinet/watt/icon';\nimport { IWattTableDataSource, WattTableDataSource } from './watt-table-data-source';\nimport { animateExpandableCells } from './watt-table-expand-animation';\n\n/** Class name for expandable cells. */\nexport const EXPANDABLE_CLASS = 'watt-table-cell--expandable';\n\nexport interface WattTableColumn<T> {\n  /**\n   * The data that this column should be bound to, either as a property of `T`\n   * or derived from each row of `T` using an accessor function.  Use `null`\n   * for columns that should not be associated with data, but note that this\n   * will disable sorting and automatic cell population.\n   */\n  accessor: keyof T | ((row: T) => unknown) | null;\n\n  /**\n   * Resolve the header text to a static display value. This will prevent\n   * the `resolveHeader` input function from being called for this column.\n   */\n  header?: string;\n\n  /**\n   * Callback for determining cell content when not using template. By default,\n   * cell content is found using the `accessor` (unless it is `null`).\n   */\n  cell?: (row: T) => string;\n\n  /**\n   * Enable or disable sorting for this column. Defaults to `true`\n   * unless `accessor` is `null`.\n   */\n  sort?: boolean;\n\n  /**\n   * Set the column size using grid sizing values. Defaults to `\"auto\"`.\n   *\n   * @remarks\n   * Accepts all of the CSS grid track size keywords (such as `min-content`,\n   * `max-content`, `minmax()`) as well as fractional (`fr`), percentage (`%`)\n   * and length (`px`, `em`, etc) units.\n   *\n   * @see https://drafts.csswg.org/css-grid/#track-sizes\n   */\n  size?: string;\n\n  /**\n   * Horizontally align the contents of the column. Defaults to `\"left\"`.\n   */\n  align?: 'left' | 'right' | 'center';\n\n  /**\n   * Helper icon will be shown in the header cell, with an click event.\n   */\n  helperAction?: () => void;\n\n  /**\n   * CSS class to apply to the header cell element.\n   */\n  headerCellClass?: string;\n\n  /**\n   * CSS class to apply to the data cell element.\n   */\n  dataCellClass?: string;\n\n  /**\n   * Footer configuration for the column.\n   */\n  footer?: WattTableColumnFooter;\n\n  /**\n   * When set to `true`, the column remains visible when horizontally scrolling.\n   */\n  stickyEnd?: Signal<boolean>;\n\n  /**\n   * When `true`, the cell is replaced with an expandable arrow and the content is deferred.\n   * Clicking on the arrow reveals the content below the current row.\n   *\n   * @remarks\n   * It is recommended to provide a custom `trackBy` function when using `expandable`,\n   * otherwise animations can be inaccurate when data is changed.\n   */\n  expandable?: boolean;\n\n  /**\n   * Tooltip text to show on hover of the header cell.\n   */\n  tooltip?: string;\n}\n\n/**\n * Configuration for the footer cell of a column.\n */\nexport interface WattTableColumnFooter {\n  /**\n   * The value that will be displayed in the footer cell.\n   */\n  value?: Signal<string | number>;\n\n  /**\n   * CSS class to apply to the footer cell.\n   */\n  class?: string;\n}\n\n/**\n * Record for defining columns with keys used as column identifiers.\n */\nexport type WattTableColumnDef<T> = Record<string, WattTableColumn<T>>;\n\n// Used for strongly typing the structural directive\ninterface WattTableCellContext<T> {\n  $implicit: T;\n  index: number;\n}\n\ninterface WattTableToolbarContext<T> {\n  $implicit: T;\n}\n\n@Directive({\n  selector: '[wattTableCell]',\n})\nexport class WattTableCellDirective<T> {\n  templateRef = inject(TemplateRef<WattTableCellContext<T>>);\n\n  /**\n   * The WattTableColumn this template applies to.\n   */\n  readonly column = input.required<WattTableColumn<T>>({ alias: 'wattTableCell' });\n\n  /**\n   * Optional header text for the column.\n   */\n  readonly header = input<string>(undefined, { alias: 'wattTableCellHeader' });\n\n  static ngTemplateContextGuard<T>(\n    _directive: WattTableCellDirective<T>,\n    context: unknown\n  ): context is WattTableCellContext<T> {\n    return true;\n  }\n}\n\n@Directive({\n  selector: '[wattTableToolbar]',\n})\nexport class WattTableToolbarDirective<T> {\n  templateRef = inject(TemplateRef<WattTableToolbarContext<T[]>>);\n  static ngTemplateContextGuard<T>(\n    _directive: WattTableToolbarDirective<T>,\n    context: unknown\n  ): context is WattTableToolbarContext<T[]> {\n    return true;\n  }\n}\n\n/**\n * Usage:\n * `import { WATT_TABLE } from '@energinet/watt/table';`\n */\n@Component({\n  imports: [\n    NgClass,\n    NgTemplateOutlet,\n    KeyValuePipe,\n    FormsModule,\n    MatSortModule,\n    MatTableModule,\n    WattIconComponent,\n    WattCheckboxComponent,\n  ],\n  encapsulation: ViewEncapsulation.None,\n  selector: 'watt-table',\n  styleUrls: ['./watt-table.component.scss'],\n  templateUrl: './watt-table.component.html',\n  host: {\n    '[class.watt-table-variant-zebra]': 'variant() === \"zebra\"',\n    '[style.--watt-table-grid-template-columns]': 'sizing().join(\" \")',\n  },\n})\nexport class WattTableComponent<T> {\n  /**\n   * The table's source of data. Property should not be changed after\n   * initialization, instead update the data on the instance itself.\n   */\n  readonly dataSource = input.required<IWattTableDataSource<T>>();\n\n  /**\n   * Column definition record with keys representing the column identifiers\n   * and values being the column configuration. The order of the columns\n   * is determined by the property order, but can be overruled by the\n   * `displayedColumns` input.\n   */\n  readonly columns = input<WattTableColumnDef<T>>({});\n\n  /**\n   * Used for hiding or reordering columns defined in the `columns` input.\n   */\n  readonly displayedColumns = input<string[]>();\n\n  /**\n   * Used for disabling the table. This will disable all user interaction\n   */\n  readonly disabled = input(false);\n\n  /**\n   * Provide a description of the table for visually impaired users.\n   */\n  readonly description = input('');\n\n  /**\n   * If set to `true`, the table will show a loading indicator\n   * when there is no data.\n   */\n  readonly loading = input(false);\n\n  /**\n   * If true the footer will be sticky\n   */\n  readonly stickyFooter = input(false);\n\n  /**\n   * Optional callback for determining header text for columns that\n   * do not have a static header text set in the column definition.\n   * Useful for providing translations of column headers.\n   */\n  readonly resolveHeader = input<(key: string) => string>();\n\n  /**\n   * Identifier for column that should be sorted initially.\n   */\n  readonly sortBy = input('');\n\n  /**\n   * The sort direction of the initially sorted column.\n   */\n  readonly sortDirection = input<SortDirection>('');\n\n  /**\n   * Whether to allow the user to clear the sort. Defaults to `true`.\n   */\n  readonly sortClear = input(true);\n\n  /**\n   * Optional function to determine CSS class(es) for each row.\n   */\n  readonly rowClass = input<(row: T) => string | string[]>();\n\n  /**\n   * Whether the table should include a checkbox column for row selection.\n   */\n  readonly selectable = input(false);\n\n  /**\n   * Sets the selected rows. Only applicable when selectable is `true`.\n   */\n  readonly selection = model<T[]>([]);\n\n  /**\n   * Set to true to disable row hover highlight.\n   */\n  readonly suppressRowHoverHighlight = input(false);\n\n  /**\n   * Highlights the currently active row.\n   */\n  readonly activeRow = input<T>();\n\n  /**\n   * Custom comparator function to determine if two rows are equal.\n   *\n   * @remarks\n   * The default behavior for determining the active row is to compare\n   * the two row objects using strict equality check. This is sufficient\n   * as long as the instances remain the same, which may not be the case\n   * if row data is recreated or rebuilt from serialization.\n   */\n  readonly activeRowComparator = input<(currentRow: T, activeRow: T) => boolean>();\n\n  /**\n   * If set to `true`, the column headers will not be shown. Default is `false`.\n   */\n  readonly hideColumnHeaders = input(false);\n\n  /**\n   * Choose from a predefined set of display variants.\n   */\n  readonly variant = input<'zebra'>();\n\n  /**\n   * Array of rows that are currently expanded.\n   */\n  readonly expanded = model<T[]>([]);\n\n  /**\n   * Optional function for uniquely identifying rows.\n   */\n  readonly trackBy = input<TrackByFunction<T> | keyof T>();\n\n  /**\n   * @ignore\n   * The `observed` boolean from the `Subject` is used to determine if a row is\n   * clickable or not. This is available on `EventEmitter`, but not on `output`,\n   * which is why this workaround is used.\n   */\n  protected rowClick$ = new Subject<T>();\n\n  /**\n   * Emits whenever a row is clicked.\n   */\n  readonly rowClick = outputFromObservable(this.rowClick$);\n\n  /**\n   * Event emitted when the user changes the active sort or sort direction.\n   */\n  readonly sortChange = output<Sort>();\n\n  // Queries\n  protected cells = contentChildren(WattTableCellDirective<T>);\n  protected toolbar = contentChild(WattTableToolbarDirective<T>);\n  protected sort = viewChild(MatSort);\n\n  // Enables animation for expanding/collapsing cells\n  protected tableCellElements = viewChildren<ElementRef<HTMLTableCellElement>>('td');\n  protected animationEffect = animateExpandableCells(this.tableCellElements, this.expanded);\n\n  // Selectable\n  protected filterSelectionBy = (rows: T[]) => rows.filter((row) => this.selection().includes(row));\n  protected getSelectionState = () => {\n    const filteredData = this.dataSource().filteredData;\n    const filteredSelection = this.filterSelectionBy(filteredData);\n    if (!filteredSelection.length) return false;\n    return filteredSelection.length === this.dataSource().filteredData.length ? true : null;\n  };\n\n  // Unique names for special columns\n  protected checkboxColumn = '__checkboxColumn__';\n  protected expandableColumn = '__expandableColumn__';\n\n  protected hasFooter = computed(() => Object.values(this.columns()).some((c) => c.footer));\n  protected isExpandable = computed(() => Object.values(this.columns()).some((c) => c.expandable));\n  protected renderedColumns = computed(() => {\n    const columns = this.displayedColumns() ?? Object.keys(this.columns());\n    return [\n      ...(this.selectable() ? [this.checkboxColumn] : []),\n      ...columns.filter((key) => !this.columns()[key].expandable),\n      ...(this.isExpandable() ? [this.expandableColumn] : []),\n      ...columns.filter((key) => this.columns()[key].expandable),\n    ];\n  });\n\n  protected sizing = computed(() => {\n    const columns = this.columns();\n    return this.renderedColumns()\n      .filter((key) => !columns[key]?.expandable)\n      .map((key) => {\n        switch (key) {\n          case this.checkboxColumn:\n            return 'var(--watt-space-xl)';\n          case this.expandableColumn:\n            return 'min-content';\n          default:\n            return columns[key]?.size ?? 'auto';\n        }\n      });\n  });\n\n  /** Try to get cell data for a specific `column` and `row`. */\n  private getCellData = (column: WattTableColumn<T>, row: T) => {\n    if (column.cell) return column.cell(row);\n    return !column.accessor\n      ? ''\n      : typeof column.accessor === 'function'\n        ? column.accessor(row)\n        : row[column.accessor];\n  };\n\n  protected getColumnTemplate = (column: WattTableColumn<T>) =>\n    this.cells().find((item) => item.column() === column)?.templateRef;\n\n  protected getColumnHeader = (column: KeyValue<string, WattTableColumn<T>>) => {\n    if (typeof column.value.header === 'string') return column.value.header;\n    const cell = this.cells().find((item) => item.column() === column.value);\n    return cell?.header() ?? this.resolveHeader()?.(column.key) ?? column.key;\n  };\n\n  protected getColumnCell = (column: WattTableColumn<T>, row: T) => {\n    const cell = this.getCellData(column, row);\n    if (cell === undefined || cell === null) return '—';\n    if (cell instanceof Date) return wattFormatDate(cell);\n    return cell;\n  };\n\n  protected getRowKey = (index: number, row: T) => {\n    const trackBy = this.trackBy();\n    if (typeof trackBy === 'string') return row[trackBy];\n    if (typeof trackBy === 'function') return trackBy(index, row);\n    return this.dataSource().data.indexOf(row);\n  };\n\n  protected isActiveRow = (row: T) => {\n    const activeRow = this.activeRow();\n    const activeRowComparator = this.activeRowComparator();\n    if (!activeRow) return false;\n    return activeRowComparator ? activeRowComparator(row, activeRow) : row === activeRow;\n  };\n\n  protected getRowClass = (row: T): string => {\n    const rowClass = this.rowClass();\n    if (!rowClass) return '';\n    const result = rowClass(row);\n    return Array.isArray(result) ? result.join(' ') : result;\n  };\n\n  protected onRowClick = (row: T) => {\n    if (this.disabled() || window.getSelection()?.toString() !== '') return;\n    if (this.isExpandable()) {\n      this.expanded.update((rows) =>\n        rows.includes(row) ? rows.filter((r) => r != row) : [...rows, row]\n      );\n    }\n\n    this.rowClick$.next(row);\n  };\n\n  constructor() {\n    effect(() => {\n      const dataSource = this.dataSource();\n      dataSource.sort = this.sort();\n      if (!(dataSource instanceof WattTableDataSource)) return;\n      dataSource.sortingDataAccessor = (row: T, sortHeaderId: string) => {\n        const column = this.columns()[sortHeaderId];\n        const value = this.getCellData(column, row);\n        if (typeof value === 'string') return value.toLowerCase(); // case insensitive sorting\n        if (value instanceof Date) return value.getTime();\n        return value as number;\n      };\n    });\n  }\n\n  /**\n   * Clears the selection, emitting `selectionChange` if `selection` was not empty.\n   */\n  clearSelection = () => this.selection.update((s) => (!s.length ? s : []));\n\n  /**\n   * Toggles the selection of a row.\n   */\n  toggleSelection = (row: T) =>\n    this.selection.update((s) => (s.includes(row) ? s.filter((r) => r !== row) : s.concat(row)));\n}\n\nexport const WATT_TABLE = [WattTableComponent, WattTableCellDirective, WattTableToolbarDirective];\n","<!--\n@license\nCopyright 2020 Energinet DataHub A/S\n\nLicensed under the Apache License, Version 2.0 (the \"License2\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n    http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n-->\n<table\n  mat-table\n  matSort\n  role=\"treegrid\"\n  [ngClass]=\"{ 'watt-table-has-selection': getSelectionState() !== false }\"\n  [matSortActive]=\"sortBy()\"\n  [matSortDirection]=\"sortDirection()\"\n  [matSortDisableClear]=\"!sortClear()\"\n  [dataSource]=\"dataSource()\"\n  [attr.aria-label]=\"description()\"\n  (matSortChange)=\"sortChange.emit($event)\"\n>\n  @if (selectable()) {\n    <ng-container [matColumnDef]=\"checkboxColumn\" [sticky]=\"true\">\n      <th mat-header-cell *matHeaderCellDef class=\"watt-table-checkbox-cell\">\n        <watt-checkbox\n          [ngModel]=\"getSelectionState()\"\n          (ngModelChange)=\"$event ? selection.set(dataSource().filteredData) : clearSelection()\"\n        />\n      </th>\n      <td mat-cell *matCellDef=\"let row\" class=\"watt-table-checkbox-cell\">\n        <watt-checkbox\n          [ngModel]=\"selection().includes(row)\"\n          (ngModelChange)=\"toggleSelection(row)\"\n          (click)=\"$event.stopPropagation()\"\n        />\n      </td>\n    </ng-container>\n  }\n\n  <ng-container [matColumnDef]=\"expandableColumn\">\n    <th mat-header-cell *matHeaderCellDef></th>\n    <td\n      #td\n      mat-cell\n      *matCellDef=\"let row; let index = index\"\n      [attr.data-key]=\"getRowKey(index, row)\"\n      [attr.data-row-index]=\"index\"\n      (click)=\"onRowClick(row)\"\n      [class.watt-table-cell--expanded]=\"expanded().includes(row)\"\n    >\n      <watt-icon name=\"right\" size=\"xs\" />\n    </td>\n  </ng-container>\n\n  @for (column of columns() | keyvalue; track column.key) {\n    <ng-container [matColumnDef]=\"column.key\" [stickyEnd]=\"column.value.stickyEnd?.()\">\n      <th\n        mat-header-cell\n        *matHeaderCellDef\n        [class.watt-table-cell--expandable]=\"column.value.expandable\"\n        class=\"watt-table-align-{{ column.value.align ?? 'left' }} {{\n          column.value.headerCellClass\n        }}\"\n      >\n        @if (column.value.helperAction; as action) {\n          <watt-icon name=\"help\" (click)=\"action()\" />\n        }\n\n        <div\n          class=\"watt-table-header-cell\"\n          mat-sort-header\n          [arrowPosition]=\"column.value.align === 'right' ? 'before' : 'after'\"\n          [disabled]=\"!column.value.accessor || column.value.sort === false\"\n        >\n          {{ getColumnHeader(column) }}\n          @if (column.value.tooltip; as tooltip) {\n            <watt-icon [title]=\"tooltip\" name=\"info\" state=\"default\" />\n          }\n        </div>\n      </th>\n\n      <td\n        #td\n        mat-cell\n        *matCellDef=\"let row; let index = index\"\n        [attr.data-key]=\"getRowKey(index, row)\"\n        [attr.data-row-index]=\"index\"\n        [class.watt-table-cell--expanded]=\"expanded().includes(row)\"\n        [class.watt-table-cell--expandable]=\"column.value.expandable\"\n        class=\"watt-table-align-{{ column.value.align ?? 'left' }} {{ column.value.dataCellClass }}\"\n        (click)=\"!column.value.expandable && onRowClick(row)\"\n      >\n        @if (isExpandable()) {\n          @defer (when !column.value.expandable || expanded().includes(row)) {\n            @if (getColumnTemplate(column.value); as template) {\n              <div class=\"watt-table-cell-wrapper\">\n                <ng-container *ngTemplateOutlet=\"template; context: { $implicit: row, index }\" />\n              </div>\n            } @else {\n              {{ getColumnCell(column.value, row) }}\n            }\n          }\n        } @else {\n          @if (getColumnTemplate(column.value); as template) {\n            <div class=\"watt-table-cell-wrapper\">\n              <ng-container *ngTemplateOutlet=\"template; context: { $implicit: row, index }\" />\n            </div>\n          } @else {\n            {{ getColumnCell(column.value, row) }}\n          }\n        }\n      </td>\n\n      @if (hasFooter()) {\n        <td\n          mat-footer-cell\n          *matFooterCellDef\n          class=\"{{ column.value.footer?.class }} watt-table-align-{{\n            column.value.align ?? 'left'\n          }} \"\n        >\n          {{ column.value.footer?.value?.() }}\n        </td>\n      }\n    </ng-container>\n  }\n\n  <ng-container matColumnDef=\"spacer\">\n    <td class=\"watt-table-footer-spacer\" mat-footer-cell *matFooterCellDef></td>\n  </ng-container>\n\n  @if (!hideColumnHeaders()) {\n    <tr mat-header-row *matHeaderRowDef=\"renderedColumns()\"></tr>\n  }\n  <tr\n    mat-row\n    *matRowDef=\"let row; columns: renderedColumns()\"\n    [attr.aria-selected]=\"row === activeRow()\"\n    [class]=\"getRowClass(row)\"\n    [ngClass]=\"{\n      'watt-table-highlight-row': !disabled() && !suppressRowHoverHighlight(),\n      'watt-table-clickable-row': !disabled() && rowClick$.observed,\n      'watt-table-active-row': isActiveRow(row),\n    }\"\n  ></tr>\n\n  @if (toolbar()) {\n    <tr mat-footer-row *matFooterRowDef=\"['spacer']\"></tr>\n  }\n\n  @if (hasFooter()) {\n    <tr\n      mat-footer-row\n      [class.watt-table-hide-footer]=\"loading() || dataSource().filteredData.length === 0\"\n      *matFooterRowDef=\"renderedColumns(); sticky: stickyFooter()\"\n    ></tr>\n  }\n\n  <ng-container *matNoDataRow>\n    @if (loading()) {\n      @for (i of [1, 2, 3]; track i) {\n        <tr class=\"mat-mdc-row\">\n          @for (_ of renderedColumns(); track _; let i = $index) {\n            <td class=\"mat-mdc-cell\" [class.watt-table-loading-cell]=\"i > 0 || !selectable()\"></td>\n          }\n        </tr>\n      }\n    }\n  </ng-container>\n</table>\n\n@if (toolbar(); as toolbar) {\n  <div class=\"watt-table-toolbar\" role=\"toolbar\">\n    <ng-container\n      *ngTemplateOutlet=\"\n        toolbar.templateRef;\n        context: { $implicit: filterSelectionBy(dataSource().filteredData) }\n      \"\n    />\n  </div>\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 { IWattTableDataSource, WattTableDataSource, dataSource } from './watt-table-data-source';\nexport {\n  type WattTableColumn,\n  type WattTableColumnDef,\n  WattTableComponent,\n  WattTableCellDirective,\n  WattTableToolbarDirective,\n  WATT_TABLE,\n} from './watt-table.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAiCA;;AAEG;AACG,MAAO,mBACX,SAAQ,kBAAqB,CAAA;AAG7B,IAAA,WAAA,CACE,WAAiB,EACjB,MAAA,GAA6C,EAAE,qBAAqB,EAAE,KAAK,EAAE,EAAA;QAE7E,KAAK,CAAC,WAAW,CAAC;QAElB,IAAI,MAAM,CAAC,qBAAqB;AAC9B,YAAA,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAS,KAAS;AACjC,gBAAA,OAAO,IAAI;AACb,YAAA,CAAC;IACL;AAEA,IAAA,IAAI,UAAU,GAAA;AACZ,QAAA,OAAO,IAAI,CAAC,IAAI,CAAC,MAAM;IACzB;AACD;AAED;AACO,MAAM,UAAU,GAAG,CAAI,WAAsB,KAAI;AACtD,IAAA,MAAM,IAAI,GAAG,QAAQ,CAAC,WAAW,gDAAC;AAClC,IAAA,MAAM,UAAU,GAAG,IAAI,mBAAmB,EAAK;IAC/C,MAAM,CAAC,MAAK;AACV,QAAA,UAAU,CAAC,IAAI,GAAG,IAAI,EAAE;AAC1B,IAAA,CAAC,CAAC;AACF,IAAA,OAAO,UAAU;AACnB;;ACjEA;AACA;;;;;;;;;;;;;;;AAeG;AACH;AAWO,MAAM,sBAAsB,GAAG,CACpC,QAA6D,EAC7D,OAAwB,KACtB;IACF,MAAM,KAAK,GAAG,QAAQ,CAAyB,MAAM,QAAQ,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,OAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;IAC5F,MAAM,UAAU,GAAG,QAAQ,CAAC,MAAM,KAAK,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAC,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,YAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;;;;IAKhG,MAAM,SAAS,GAAG,YAAY,CAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,WAAA,EAC5B,MAAM,EAAE,QAAQ,CAAC,MAAK;gBACpB,OAAO,EAAE,CAAC;gBACV,OAAO,MAAM,CAAC,WAAW,CAAC,UAAU,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;AAC9F,YAAA,CAAC,CAAC;AACF,YAAA,WAAW,EAAE,CAAC,MAAM,EAAE,IAAI,MAAM,EAAE,GAAG,IAAI,EAAE,KAAK,EAAE,GAAG,MAAM,EAAE,CAAC,EAAA,CAAA,GAAA,CALe;AAC7E,YAAA,MAAM,EAAE,QAAQ,CAAC,MAAK;gBACpB,OAAO,EAAE,CAAC;gBACV,OAAO,MAAM,CAAC,WAAW,CAAC,UAAU,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;AAC9F,YAAA,CAAC,CAAC;AACF,YAAA,WAAW,EAAE,CAAC,MAAM,EAAE,IAAI,MAAM,EAAE,GAAG,IAAI,EAAE,KAAK,EAAE,GAAG,MAAM,EAAE,CAAC;AAC/D,SAAA,CAAA,CAAA,CAAC;;AAGF,IAAA,MAAM,QAAQ,GAAG,YAAY,CAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,UAAA,EAC3B,MAAM,EAAE,SAAS;AACjB,YAAA,WAAW,EAAE,CAAC,MAAM,EAAE,IAAI,KACxB,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,EAAE,MAAM,IAAI,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAA,CAAA,GAAA,CAHjB;AACxE,YAAA,MAAM,EAAE,SAAS;AACjB,YAAA,WAAW,EAAE,CAAC,MAAM,EAAE,IAAI,KACxB,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,EAAE,MAAM,IAAI,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;AAC1F,SAAA,CAAA,CAAA,CAAC;AAEF,IAAA,OAAO,iBAAiB,CAAC;QACvB,IAAI,EAAE,MAAK;YACT,OAAO,EAAE,CAAC;YACV,SAAS,CAAC,MAAK;AACb,gBAAA,QAAQ;AACL,qBAAA,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,KAAK,MAAM,KAAK,CAAC;qBACnC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,MAAM,CAAC,KAAI;;oBAEzB,MAAM,QAAQ,GAAG,KAAK,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,GAAG,KAAK,GAAG,CAAC,EAAE,OAAO,CAAC,QAAQ;AAC7E,oBAAA,IAAI,CAAC,QAAQ;wBAAE;AACf,oBAAA,KAAK;AACF,yBAAA,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,QAAQ,IAAI,CAAC,CAAC,OAAO,CAAC,QAAQ,GAAG,QAAQ;AACjE,yBAAA,OAAO,CAAC,CAAC,CAAC,KAAI;AACb,wBAAA,CAAC,CAAC,OAAO,CACP,EAAE,SAAS,EAAE,CAAC,CAAA,WAAA,EAAc,MAAM,GAAG,CAAC,CAAC,CAAA,GAAA,CAAK,EAAE,eAAe,CAAC,EAAE,EAChE,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,8BAA8B,EAAE,SAAS,EAAE,KAAK,EAAE,CAC5E;AACH,oBAAA,CAAC,CAAC;AACN,gBAAA,CAAC,CAAC;AACN,YAAA,CAAC,CAAC;QACJ,CAAC;AACF,KAAA,CAAC;AACJ,CAAC;;AC3ED;AACA;;;;;;;;;;;;;;;AAeG;AACH;AAgCA;AACO,MAAM,gBAAgB,GAAG,6BAA6B;MAwHhD,sBAAsB,CAAA;AACjC,IAAA,WAAW,GAAG,MAAM,EAAC,WAAoC,EAAC;AAE1D;;AAEG;AACM,IAAA,MAAM,GAAG,KAAK,CAAC,QAAQ,yCAAuB,KAAK,EAAE,eAAe,EAAA,CAAA,GAAA,CAAxB,EAAE,KAAK,EAAE,eAAe,EAAE,GAAC;AAEhF;;AAEG;AACM,IAAA,MAAM,GAAG,KAAK,CAAS,SAAS,0CAAI,KAAK,EAAE,qBAAqB,EAAA,CAAA,GAAA,CAA9B,EAAE,KAAK,EAAE,qBAAqB,EAAE,GAAC;AAE5E,IAAA,OAAO,sBAAsB,CAC3B,UAAqC,EACrC,OAAgB,EAAA;AAEhB,QAAA,OAAO,IAAI;IACb;wGAlBW,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAAtB,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAHlC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,iBAAiB;AAC5B,iBAAA;;MAyBY,yBAAyB,CAAA;AACpC,IAAA,WAAW,GAAG,MAAM,EAAC,WAAyC,EAAC;AAC/D,IAAA,OAAO,sBAAsB,CAC3B,UAAwC,EACxC,OAAgB,EAAA;AAEhB,QAAA,OAAO,IAAI;IACb;wGAPW,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAzB,yBAAyB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAAzB,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAHrC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,oBAAoB;AAC/B,iBAAA;;AAWD;;;AAGG;MAqBU,kBAAkB,CAAA;AAC7B;;;AAGG;AACM,IAAA,UAAU,GAAG,KAAK,CAAC,QAAQ,qDAA2B;AAE/D;;;;;AAKG;AACM,IAAA,OAAO,GAAG,KAAK,CAAwB,EAAE,mDAAC;AAEnD;;AAEG;IACM,gBAAgB,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,kBAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAY;AAE7C;;AAEG;AACM,IAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,oDAAC;AAEhC;;AAEG;AACM,IAAA,WAAW,GAAG,KAAK,CAAC,EAAE,uDAAC;AAEhC;;;AAGG;AACM,IAAA,OAAO,GAAG,KAAK,CAAC,KAAK,mDAAC;AAE/B;;AAEG;AACM,IAAA,YAAY,GAAG,KAAK,CAAC,KAAK,wDAAC;AAEpC;;;;AAIG;IACM,aAAa,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,eAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAA2B;AAEzD;;AAEG;AACM,IAAA,MAAM,GAAG,KAAK,CAAC,EAAE,kDAAC;AAE3B;;AAEG;AACM,IAAA,aAAa,GAAG,KAAK,CAAgB,EAAE,yDAAC;AAEjD;;AAEG;AACM,IAAA,SAAS,GAAG,KAAK,CAAC,IAAI,qDAAC;AAEhC;;AAEG;IACM,QAAQ,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,UAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAiC;AAE1D;;AAEG;AACM,IAAA,UAAU,GAAG,KAAK,CAAC,KAAK,sDAAC;AAElC;;AAEG;AACM,IAAA,SAAS,GAAG,KAAK,CAAM,EAAE,qDAAC;AAEnC;;AAEG;AACM,IAAA,yBAAyB,GAAG,KAAK,CAAC,KAAK,qEAAC;AAEjD;;AAEG;IACM,SAAS,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAK;AAE/B;;;;;;;;AAQG;IACM,mBAAmB,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,qBAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAA4C;AAEhF;;AAEG;AACM,IAAA,iBAAiB,GAAG,KAAK,CAAC,KAAK,6DAAC;AAEzC;;AAEG;IACM,OAAO,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,SAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAW;AAEnC;;AAEG;AACM,IAAA,QAAQ,GAAG,KAAK,CAAM,EAAE,oDAAC;AAElC;;AAEG;IACM,OAAO,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,SAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAgC;AAExD;;;;;AAKG;AACO,IAAA,SAAS,GAAG,IAAI,OAAO,EAAK;AAEtC;;AAEG;AACM,IAAA,QAAQ,GAAG,oBAAoB,CAAC,IAAI,CAAC,SAAS,CAAC;AAExD;;AAEG;IACM,UAAU,GAAG,MAAM,EAAQ;;AAG1B,IAAA,KAAK,GAAG,eAAe,EAAC,sBAAyB,kDAAC;AAClD,IAAA,OAAO,GAAG,YAAY,EAAC,yBAA4B,oDAAC;AACpD,IAAA,IAAI,GAAG,SAAS,CAAC,OAAO,gDAAC;;AAGzB,IAAA,iBAAiB,GAAG,YAAY,CAAmC,IAAI,6DAAC;IACxE,eAAe,GAAG,sBAAsB,CAAC,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,QAAQ,CAAC;;IAG/E,iBAAiB,GAAG,CAAC,IAAS,KAAK,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,SAAS,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;IACvF,iBAAiB,GAAG,MAAK;QACjC,MAAM,YAAY,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC,YAAY;QACnD,MAAM,iBAAiB,GAAG,IAAI,CAAC,iBAAiB,CAAC,YAAY,CAAC;QAC9D,IAAI,CAAC,iBAAiB,CAAC,MAAM;AAAE,YAAA,OAAO,KAAK;QAC3C,OAAO,iBAAiB,CAAC,MAAM,KAAK,IAAI,CAAC,UAAU,EAAE,CAAC,YAAY,CAAC,MAAM,GAAG,IAAI,GAAG,IAAI;AACzF,IAAA,CAAC;;IAGS,cAAc,GAAG,oBAAoB;IACrC,gBAAgB,GAAG,sBAAsB;AAEzC,IAAA,SAAS,GAAG,QAAQ,CAAC,MAAM,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,WAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;AAC/E,IAAA,YAAY,GAAG,QAAQ,CAAC,MAAM,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,cAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;AACtF,IAAA,eAAe,GAAG,QAAQ,CAAC,MAAK;AACxC,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,gBAAgB,EAAE,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;QACtE,OAAO;AACL,YAAA,IAAI,IAAI,CAAC,UAAU,EAAE,GAAG,CAAC,IAAI,CAAC,cAAc,CAAC,GAAG,EAAE,CAAC;AACnD,YAAA,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC;AAC3D,YAAA,IAAI,IAAI,CAAC,YAAY,EAAE,GAAG,CAAC,IAAI,CAAC,gBAAgB,CAAC,GAAG,EAAE,CAAC;AACvD,YAAA,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC;SAC3D;AACH,IAAA,CAAC,2DAAC;AAEQ,IAAA,MAAM,GAAG,QAAQ,CAAC,MAAK;AAC/B,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE;QAC9B,OAAO,IAAI,CAAC,eAAe;AACxB,aAAA,MAAM,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,UAAU;AACzC,aAAA,GAAG,CAAC,CAAC,GAAG,KAAI;YACX,QAAQ,GAAG;gBACT,KAAK,IAAI,CAAC,cAAc;AACtB,oBAAA,OAAO,sBAAsB;gBAC/B,KAAK,IAAI,CAAC,gBAAgB;AACxB,oBAAA,OAAO,aAAa;AACtB,gBAAA;oBACE,OAAO,OAAO,CAAC,GAAG,CAAC,EAAE,IAAI,IAAI,MAAM;;AAEzC,QAAA,CAAC,CAAC;AACN,IAAA,CAAC,kDAAC;;AAGM,IAAA,WAAW,GAAG,CAAC,MAA0B,EAAE,GAAM,KAAI;QAC3D,IAAI,MAAM,CAAC,IAAI;AAAE,YAAA,OAAO,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;QACxC,OAAO,CAAC,MAAM,CAAC;AACb,cAAE;AACF,cAAE,OAAO,MAAM,CAAC,QAAQ,KAAK;AAC3B,kBAAE,MAAM,CAAC,QAAQ,CAAC,GAAG;AACrB,kBAAE,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC;AAC5B,IAAA,CAAC;IAES,iBAAiB,GAAG,CAAC,MAA0B,KACvD,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,MAAM,EAAE,KAAK,MAAM,CAAC,EAAE,WAAW;AAE1D,IAAA,eAAe,GAAG,CAAC,MAA4C,KAAI;AAC3E,QAAA,IAAI,OAAO,MAAM,CAAC,KAAK,CAAC,MAAM,KAAK,QAAQ;AAAE,YAAA,OAAO,MAAM,CAAC,KAAK,CAAC,MAAM;QACvE,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,MAAM,EAAE,KAAK,MAAM,CAAC,KAAK,CAAC;AACxE,QAAA,OAAO,IAAI,EAAE,MAAM,EAAE,IAAI,IAAI,CAAC,aAAa,EAAE,GAAG,MAAM,CAAC,GAAG,CAAC,IAAI,MAAM,CAAC,GAAG;AAC3E,IAAA,CAAC;AAES,IAAA,aAAa,GAAG,CAAC,MAA0B,EAAE,GAAM,KAAI;QAC/D,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,GAAG,CAAC;AAC1C,QAAA,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,IAAI;AAAE,YAAA,OAAO,GAAG;QACnD,IAAI,IAAI,YAAY,IAAI;AAAE,YAAA,OAAO,cAAc,CAAC,IAAI,CAAC;AACrD,QAAA,OAAO,IAAI;AACb,IAAA,CAAC;AAES,IAAA,SAAS,GAAG,CAAC,KAAa,EAAE,GAAM,KAAI;AAC9C,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE;QAC9B,IAAI,OAAO,OAAO,KAAK,QAAQ;AAAE,YAAA,OAAO,GAAG,CAAC,OAAO,CAAC;QACpD,IAAI,OAAO,OAAO,KAAK,UAAU;AAAE,YAAA,OAAO,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC;QAC7D,OAAO,IAAI,CAAC,UAAU,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC;AAC5C,IAAA,CAAC;AAES,IAAA,WAAW,GAAG,CAAC,GAAM,KAAI;AACjC,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,EAAE;AAClC,QAAA,MAAM,mBAAmB,GAAG,IAAI,CAAC,mBAAmB,EAAE;AACtD,QAAA,IAAI,CAAC,SAAS;AAAE,YAAA,OAAO,KAAK;AAC5B,QAAA,OAAO,mBAAmB,GAAG,mBAAmB,CAAC,GAAG,EAAE,SAAS,CAAC,GAAG,GAAG,KAAK,SAAS;AACtF,IAAA,CAAC;AAES,IAAA,WAAW,GAAG,CAAC,GAAM,KAAY;AACzC,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,EAAE;AAChC,QAAA,IAAI,CAAC,QAAQ;AAAE,YAAA,OAAO,EAAE;AACxB,QAAA,MAAM,MAAM,GAAG,QAAQ,CAAC,GAAG,CAAC;AAC5B,QAAA,OAAO,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,MAAM;AAC1D,IAAA,CAAC;AAES,IAAA,UAAU,GAAG,CAAC,GAAM,KAAI;AAChC,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,IAAI,MAAM,CAAC,YAAY,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE;YAAE;AACjE,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE,EAAE;AACvB,YAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,KACxB,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,EAAE,GAAG,CAAC,CACnE;QACH;AAEA,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;AAC1B,IAAA,CAAC;AAED,IAAA,WAAA,GAAA;QACE,MAAM,CAAC,MAAK;AACV,YAAA,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,EAAE;AACpC,YAAA,UAAU,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE;AAC7B,YAAA,IAAI,EAAE,UAAU,YAAY,mBAAmB,CAAC;gBAAE;YAClD,UAAU,CAAC,mBAAmB,GAAG,CAAC,GAAM,EAAE,YAAoB,KAAI;gBAChE,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC,YAAY,CAAC;gBAC3C,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,GAAG,CAAC;gBAC3C,IAAI,OAAO,KAAK,KAAK,QAAQ;AAAE,oBAAA,OAAO,KAAK,CAAC,WAAW,EAAE,CAAC;gBAC1D,IAAI,KAAK,YAAY,IAAI;AAAE,oBAAA,OAAO,KAAK,CAAC,OAAO,EAAE;AACjD,gBAAA,OAAO,KAAe;AACxB,YAAA,CAAC;AACH,QAAA,CAAC,CAAC;IACJ;AAEA;;AAEG;AACH,IAAA,cAAc,GAAG,MAAM,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC;AAEzE;;AAEG;IACH,eAAe,GAAG,CAAC,GAAM,KACvB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;wGA7QnF,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAlB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,gBAAA,EAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,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,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,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,yBAAA,EAAA,EAAA,iBAAA,EAAA,2BAAA,EAAA,UAAA,EAAA,2BAAA,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,mBAAA,EAAA,EAAA,iBAAA,EAAA,qBAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,UAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,SAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,gCAAA,EAAA,yBAAA,EAAA,0CAAA,EAAA,sBAAA,EAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,OAAA,EAAA,SAAA,GA0IK,sBAAyB,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,SAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,GAC1B,yBAA4B,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,MAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAClC,OAAO,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,mBAAA,EAAA,SAAA,EAAA,CAAA,IAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EChXpC,szMA4LA,EAAA,MAAA,EAAA,CAAA,6uLAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDsBI,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACP,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAEhB,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACX,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,eAAA,EAAA,cAAA,EAAA,kBAAA,EAAA,qBAAA,EAAA,iBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,eAAA,EAAA,OAAA,EAAA,UAAA,EAAA,uBAAA,EAAA,cAAA,CAAA,EAAA,QAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACb,cAAc,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,6BAAA,EAAA,QAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,uBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,cAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,kBAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,uBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,sCAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,sCAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,oCAAA,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,oCAAA,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACd,iBAAiB,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACjB,qBAAqB,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EALrB,YAAY,iGADZ,gBAAgB,CAAA,CAAA,EAAA,CAAA;;4FAiBP,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBApB9B,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,OAAA,EAAA;wBACP,OAAO;wBACP,gBAAgB;wBAChB,YAAY;wBACZ,WAAW;wBACX,aAAa;wBACb,cAAc;wBACd,iBAAiB;wBACjB,qBAAqB;AACtB,qBAAA,EAAA,aAAA,EACc,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAC3B,YAAY,EAAA,IAAA,EAGhB;AACJ,wBAAA,kCAAkC,EAAE,uBAAuB;AAC3D,wBAAA,4CAA4C,EAAE,oBAAoB;AACnE,qBAAA,EAAA,QAAA,EAAA,szMAAA,EAAA,MAAA,EAAA,CAAA,6uLAAA,CAAA,EAAA;AA4IiC,SAAA,CAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,cAAA,EAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,OAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,SAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,gBAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,UAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,WAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,aAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,OAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,SAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,cAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,eAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,QAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,eAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,SAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,WAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,UAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,YAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,SAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,WAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,IAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,CAAA,EAAA,yBAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,2BAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,SAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,WAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,mBAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,qBAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,iBAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,OAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,SAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,UAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,IAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,CAAA,EAAA,OAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,SAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,IAAA,EAAA,CAAA,UAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,IAAA,EAAA,CAAA,YAAA,CAAA,EAAA,CAAA,EAAA,KAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,UAAA,CAAA,MAAA,sBAAyB,CAAA,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,OAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,UAAA,CAAA,MAC1B,yBAA4B,CAAA,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,IAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,UAAA,CAAA,MAClC,OAAO,+EAG2C,IAAI,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;AAiI5E,MAAM,UAAU,GAAG,CAAC,kBAAkB,EAAE,sBAAsB,EAAE,yBAAyB;;AEpfhG;AACA;;;;;;;;;;;;;;;AAeG;AACH;;ACjBA;;AAEG;;;;"}