@alfresco/adf-core 8.4.0-19731002190 → 8.4.0-19733342018

package/fesm2022/adf-core.mjs

@@ -17086,7 +17086,7 @@ class DataTableComponent {
         return this.resizingColumnIndex >= 0;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DataTableComponent, deps: [{ token: i0.ElementRef }, { token: i0.IterableDiffers }, { token: i1$3.MatIconRegistry }, { token: i1$5.DomSanitizer }, { token: i3$2.ConfigurableFocusTrapFactory }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: DataTableComponent, isStandalone: true, selector: "adf-datatable", inputs: { data: "data", rows: "rows", sorting: "sorting", columns: "columns", selectionMode: "selectionMode", multiselect: "multiselect", mainTableAction: "mainTableAction", actions: "actions", showMainDatatableActions: "showMainDatatableActions", showProvidedActions: "showProvidedActions", actionsPosition: "actionsPosition", actionsVisibleOnHover: "actionsVisibleOnHover", fallbackThumbnail: "fallbackThumbnail", contextMenu: "contextMenu", rowStyle: "rowStyle", rowStyleClass: "rowStyleClass", showHeader: "showHeader", stickyHeader: "stickyHeader", loading: "loading", noPermission: "noPermission", rowMenuCacheEnabled: "rowMenuCacheEnabled", resolverFn: "resolverFn", allowFiltering: "allowFiltering", isResizingEnabled: "isResizingEnabled", blurOnResize: "blurOnResize", displayCheckboxesOnHover: "displayCheckboxesOnHover", enableDragRows: "enableDragRows" }, outputs: { rowClick: "rowClick", rowDblClick: "rowDblClick", showRowContextMenu: "showRowContextMenu", showRowActionsMenu: "showRowActionsMenu", executeRowAction: "executeRowAction", columnOrderChanged: "columnOrderChanged", columnsWidthChanged: "columnsWidthChanged", selectedItemsCountChanged: "selectedItemsCountChanged", dragDropped: "dragDropped" }, host: { listeners: { "keyup": "onKeydown($event)" }, classAttribute: "adf-datatable" }, queries: [{ propertyName: "columnList", first: true, predicate: DataColumnListComponent, descendants: true }], viewQueries: [{ propertyName: "mainMenuTemplate", first: true, predicate: ["mainMenuTemplate"], descendants: true }, { propertyName: "rowsList", predicate: DataTableRowComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n    role=\"grid\"\n    *ngIf=\"data\"\n    class=\"adf-datatable-list\"\n    [class.adf-sticky-header]=\"isStickyHeaderEnabled()\"\n    [class.adf-datatable--empty]=\"(isEmpty() && !isHeaderVisible()) || loading\"\n    [class.adf-datatable--empty--header-visible]=\"isEmpty() && isHeaderVisible()\"\n>\n    <div *ngIf=\"isHeaderVisible()\" class=\"adf-datatable-header\" role=\"rowgroup\" [ngClass]=\"{ 'adf-sr-only': !isHeaderVisible() }\">\n        <adf-datatable-row\n            cdkDropList\n            cdkDropListOrientation=\"horizontal\"\n            [cdkDropListSortPredicate]=\"filterDisabledColumns\"\n            data-automation-id=\"datatable-row-header\"\n            [disabled]=\"!isHeaderVisible()\"\n            class=\"adf-datatable-row\"\n            role=\"row\">\n\n\n            <!-- Drag -->\n            <div *ngIf=\"enableDragRows\" class=\"adf-datatable-cell-header adf-drag-column\">\n                <span class=\"adf-sr-only\">{{ 'ADF-DATATABLE.ACCESSIBILITY.DRAG' | translate }}</span>\n            </div>\n\n            <!-- Actions (left) -->\n            <div *ngIf=\"actions && actionsPosition === 'left'\" class=\"adf-actions-column adf-datatable-cell-header\">\n                <span class=\"adf-sr-only\">{{ 'ADF-DATATABLE.ACCESSIBILITY.ACTIONS' | translate }}</span>\n            </div>\n\n            <!-- Columns -->\n            <div *ngIf=\"multiselect\" class=\"adf-datatable-cell-header adf-datatable-checkbox\">\n                <mat-checkbox [indeterminate]=\"isSelectAllIndeterminate\"\n                              [checked]=\"isSelectAllChecked\"\n                              (change)=\"onSelectAllClick($event)\"\n                              class=\"adf-checkbox-sr-only\"\n                              [aria-label]=\"'ADF-DATATABLE.ACCESSIBILITY.SELECT_ALL' | translate\">\n                    {{ 'ADF-DATATABLE.ACCESSIBILITY.SELECT_ALL' | translate }}\n                </mat-checkbox>\n            </div>\n\n            <ng-container\n                *ngFor=\"\n                let col of getVisibleColumns();\n                let columnIndex = index\n                let lastColumn = last\"\n            >\n            <div\n                class=\"adf-datatable-cell--{{col.type || 'text'}} {{col.cssClass}} adf-datatable-cell-header adf-datatable-cell-data\"\n                *ngIf=\"col.title || !showProvidedActions\"\n                [attr.data-automation-id]=\"'auto_id_' + col.key\"\n                [ngClass]=\"{\n                    'adf-sortable': col.sortable,\n                    'adf-datatable__cursor--pointer': !isResizing,\n                    'adf-datatable__header--sorted-asc': isColumnSorted(col, 'asc'),\n                    'adf-datatable__header--sorted-desc': isColumnSorted(col, 'desc')}\"\n                [ngStyle]=\"(col.width) && !lastColumn && {'flex': getFlexValue(col)}\"\n                [attr.aria-label]=\"col.srTitle ? (col.srTitle | translate) : (col.title | translate) + (col.subtitle ? ' ' + (col.subtitle | translate) : '')\"\n                (click)=\"onColumnHeaderClick(col, $event)\"\n                (keyup.enter)=\"onColumnHeaderClick(col, $event)\"\n                role=\"columnheader\"\n                [attr.tabindex]=\"isHeaderVisible() ? 0 : null\"\n                [attr.aria-sort]=\"col.sortable ? (getAriaSort(col) | translate) : null\"\n                cdkDrag\n                cdkDragLockAxis=\"x\"\n                (cdkDragStarted)=\"isDraggingHeaderColumn = true\"\n                (cdkDragDropped)=\"onDropHeaderColumn($event)\"\n                [cdkDragDisabled]=\"!col.draggable\"\n                (mouseenter)=\"hoveredHeaderColumnIndex = columnIndex\"\n                (mouseleave)=\"hoveredHeaderColumnIndex = -1\"\n                adf-drop-zone dropTarget=\"header\"\n                [dropColumn]=\"col\"\n            >\n\n            <div\n                adf-resizable\n                #resizableElement=\"adf-resizable\"\n                [coverPadding]=\"10\"\n                (resizing)=\"onResizing($event, columnIndex)\"\n                (resizeStart)=\"resizingColumnIndex = columnIndex\"\n                (resizeEnd)=\"onResizingEnd()\"\n                [attr.data-automation-id]=\"'auto_header_content_id_' + col.key\"\n                class=\"adf-datatable-cell-header-content\"\n                [ngClass]=\"{ 'adf-datatable-cell-header-content--hovered':\n                    hoveredHeaderColumnIndex === columnIndex &&\n                    !isDraggingHeaderColumn &&\n                    !isResizing && col.sortable}\"\n            >\n                <ng-container *ngIf=\"!col.header\">\n                    <span\n                        *ngIf=\"col.title\"\n                        title=\"{{col.title | translate}}\"\n                        class=\"adf-datatable-cell-value\"\n                    >\n                        {{col.title | translate}}\n                    </span>\n\n                    <span\n                        *ngIf=\"col.subtitle\"\n                        title=\"{{col.subtitle | translate}}\"\n                        class=\"adf-datatable-cell-value adf-datatable-cell-header_subtitle\"\n                    >\n                        ({{col.subtitle | translate}})\n                    </span>\n\n                    <span *ngIf=\"col.title && col.sortable && isDraggingHeaderColumn\" class=\"adf-sr-only\" aria-live=\"polite\">\n                        {{ getSortLiveAnnouncement(col) | translate: { string: col.title | translate } }}\n                    </span>\n\n                    <span *ngIf=\"!col.title && !col.sortable && !headerFilterTemplate\" [attr.title]=\"'ADF-DATATABLE.ACCESSIBILITY.EMPTY_HEADER' | translate\"></span>\n                </ng-container>\n\n                <div *ngIf=\"col.header\" class=\"adf-datatable-cell-value\">\n                    <ng-template [ngTemplateOutlet]=\"col.header\" [ngTemplateOutletContext]=\"{$implicit: col}\" />\n                </div>\n\n                <span\n                    [class.adf-datatable__header--sorted-asc]=\"isColumnSorted(col, 'asc')\"\n                    [class.adf-datatable__header--sorted-desc]=\"isColumnSorted(col, 'desc')\">\n                </span>\n\n                <ng-template *ngIf=\"allowFiltering\" [ngTemplateOutlet]=\"headerFilterTemplate\" [ngTemplateOutletContext]=\"{$implicit: col}\" />\n\n                <span\n                    *ngIf=\"col.draggable\"\n                    cdkDragHandle\n                    [ngClass]=\"{ 'adf-datatable-cell-header-drag-icon': !isResizing }\"\n                >\n                    <adf-icon\n                        *ngIf=\"hoveredHeaderColumnIndex === columnIndex && !isResizing\"\n                        value=\"adf:drag_indicator\"\n                        class=\"adf-datatable-cell-header-drag-icon-visible\"\n                        [attr.data-automation-id]=\"'adf-datatable-cell-header-drag-icon-'+col.key\" />\n                </span>\n            </div>\n            <div\n                *ngIf=\"isResizingEnabled && col.resizable && !lastColumn\"\n                [ngClass]=\"hoveredHeaderColumnIndex === columnIndex && !isResizing || resizingColumnIndex === columnIndex ? 'adf-datatable__resize-handle-visible' : 'adf-datatable__resize-handle-hidden'\"\n                adf-resize-handle\n                tabindex=\"0\"\n                role=\"button\"\n                (click)=\"$event.stopPropagation()\"\n                (keyup.enter)=\"$event.stopPropagation()\"\n                class=\"adf-datatable__resize-handle\"\n                [resizableContainer]=\"resizableElement\">\n                <div class=\"adf-datatable__resize-handle--divider\"></div>\n            </div>\n            <div class=\"adf-drop-header-cell-placeholder\" *cdkDragPlaceholder></div>\n        </div>\n            </ng-container>\n\n            <!-- Header actions (right) -->\n            <div\n                *ngIf=\"(actions && actionsPosition === 'right') ||\n                       (mainActionTemplate && showMainDatatableActions)\"\n                class=\"adf-actions-column adf-datatable-actions-menu adf-datatable-cell-header adf-datatable__actions-cell\"\n                [class.adf-datatable-actions-menu-provided]=\"showProvidedActions\"\n            >\n                <ng-container *ngIf=\"mainActionTemplate\">\n                    <button\n                        data-automation-id=\"adf-datatable-main-menu-button\"\n                        title=\"{{ 'ADF-DATATABLE.CONTENT-ACTIONS.SELECT_COLUMNS' | translate }}\"\n                        mat-icon-button\n                        #mainMenuTrigger=\"matMenuTrigger\"\n                        (click)=\"onMainMenuOpen()\"\n                        [matMenuTriggerFor]=\"mainMenu\">\n                        <mat-icon>view_week_outline</mat-icon>\n                    </button>\n                    <mat-menu #mainMenu (closed)=\"onMainMenuClosed()\">\n                        <div #mainMenuTemplate role=\"presentation\" (keydown.tab)=\"$event.stopPropagation()\">\n                            <ng-container\n                                [ngTemplateOutlet]=\"mainActionTemplate\"\n                                [ngTemplateOutletContext]=\"{\n                                    $implicit: mainMenuTrigger\n                                }\" />\n                        </div>\n                    </mat-menu>\n                    <span class=\"adf-sr-only\">{{ 'ADF-DATATABLE.ACCESSIBILITY.ACTIONS' | translate }}</span>\n                </ng-container>\n            </div>\n\n        </adf-datatable-row>\n    </div>\n\n    <div\n        *ngIf=\"!loading; else loadingRowTemplate\"\n        class=\"adf-datatable-body\"\n        [ngClass]=\"{ 'adf-blur-datatable-body': blurOnResize && (isDraggingHeaderColumn || isResizing), 'adf-datatable-body__draggable': enableDragRows && !isDraggingRow, 'adf-datatable-body__dragging': isDraggingRow }\"\n        cdkDropList\n        [cdkDropListDisabled]=\"!enableDragRows\"\n        role=\"rowgroup\">\n        <ng-container *ngIf=\"!noPermission; else noPermissionsRowTemplate\">\n            <adf-datatable-row *ngFor=\"let row of data.getRows(); let idx = index\"\n                cdkDrag\n                [cdkDragDisabled]=\"!enableDragRows\"\n                (cdkDragDropped)=\"onDragDrop($event)\"\n                (cdkDragStarted)=\"onDragStart()\"\n                (cdkDragEnded)=\"onDragEnd()\"\n                [cdkDragBoundary]=\"'.adf-datatable-body'\"\n                [row]=\"row\"\n                (select)=\"onEnterKeyPressed(row, $event)\"\n                (keyup)=\"onRowKeyUp(row, $event)\"\n                (keydown)=\"onRowEnterKeyDown(row, $event)\"\n                [adf-upload]=\"rowAllowsDrop(row)\"\n                [adf-upload-data]=\"row\"\n                [ngStyle]=\"rowStyle\"\n                [ngClass]=\"getRowStyle(row)\"\n                [class.adf-datatable-row__dragging]=\"isDraggingRow\"\n                [attr.data-automation-id]=\"'datatable-row-' + idx\"\n                (contextmenu)=\"markRowAsContextMenuSource(row)\">\n                <!-- Drag button -->\n                <div *ngIf=\"enableDragRows\"\n                        role=\"gridcell\"\n                        class=\"adf-datatable-cell adf-datatable__actions-cell adf-datatable-hover-only\">\n                    <button mat-icon-button\n                            [attr.aria-label]=\"'ADF-DATATABLE.ACCESSIBILITY.DRAG' | translate\">\n                        <mat-icon>drag_indicator</mat-icon>\n                    </button>\n                </div>\n\n                <!-- Actions (left) -->\n                <div *ngIf=\"actions && actionsPosition === 'left'\" role=\"gridcell\" class=\"adf-datatable-cell\">\n                    <button mat-icon-button [matMenuTriggerFor]=\"menu\" #actionsMenuTrigger=\"matMenuTrigger\"\n                            [ngClass]=\"getHideActionsWithoutHoverClass(actionsMenuTrigger)\"\n                            [title]=\"'ADF-DATATABLE.CONTENT-ACTIONS.TOOLTIP' | translate\"\n                            [attr.id]=\"'action_menu_left_' + idx\"\n                            [attr.data-automation-id]=\"'action_menu_' + idx\">\n                        <mat-icon>more_vert</mat-icon>\n                    </button>\n                    <mat-menu #menu=\"matMenu\">\n                        <button mat-menu-item *ngFor=\"let action of getRowActions(row)\"\n                                [attr.data-automation-id]=\"action.title\"\n                                [disabled]=\"action.disabled\"\n                                (click)=\"onExecuteRowAction(row, action)\">\n                            <mat-icon *ngIf=\"action.icon\">{{ action.icon }}</mat-icon>\n                            <span>{{ action.title | translate }}</span>\n                        </button>\n                    </mat-menu>\n                </div>\n\n                <label *ngIf=\"multiselect\"\n                        (keydown.enter)=\"onEnterKeyPressed(row, $any($event))\"\n                        (click)=\"onCheckboxLabelClick(row, $event)\"\n                        [for]=\"'select-file-' + idx\"\n                        class=\"adf-datatable-cell adf-datatable-checkbox adf-datatable-checkbox-single\"\n                        tabindex=\"0\">\n                    <mat-checkbox\n                        [id]=\"'select-file-' + idx\"\n                        [disabled]=\"!row?.isSelectable\"\n                        [class.adf-datatable-checkbox-selected]=\"row.isSelected\"\n                        [class.adf-datatable-hover-only]=\"displayCheckboxesOnHover\"\n                        [checked]=\"row.isSelected\"\n                        [attr.aria-checked]=\"row.isSelected\"\n                        [aria-label]=\"'ADF-DATATABLE.ACCESSIBILITY.SELECT_FILE' | translate\"\n                        data-adf-datatable-row-checkbox\n                        (change)=\"onCheckboxChange(row, $event)\"\n                        (keydown.enter)=\"$event.stopPropagation()\"\n                        class=\"adf-checkbox-sr-only\"\n                    >\n                        {{ 'ADF-DATATABLE.ACCESSIBILITY.SELECT_FILE' | translate }}\n                    </mat-checkbox>\n                </label>\n\n                <div\n                    *ngFor=\"let col of getVisibleColumns(); let lastColumn = last;\"\n                    role=\"gridcell\"\n                    class=\"adf-datatable-cell adf-datatable-cell--{{col.type || 'text'}} {{col.cssClass}} adf-datatable-cell-data\"\n                    [attr.title]=\"col.title | translate\"\n                    [attr.data-automation-id]=\"getAutomationValue(row)\"\n                    [attr.aria-selected]=\"row.isSelected\"\n                    [attr.aria-label]=\"col.title ? (col.title | translate) : null\"\n                    (click)=\"onRowClick(row, $event)\"\n                    tabindex=\"0\"\n                    (keydown.enter)=\"onEnterKeyPressed(row, $any($event))\"\n                    [adf-context-menu]=\"getContextMenuActions(row, col)\"\n                    [adf-context-menu-enabled]=\"contextMenu\"\n                    adf-drop-zone dropTarget=\"cell\" [dropColumn]=\"col\" [dropRow]=\"row\"\n                    [ngStyle]=\"(col.width) && !lastColumn && {'flex': getFlexValue(col)}\"\n                >\n                    <div *ngIf=\"!col.template\" class=\"adf-datatable-cell-container\">\n                        <ng-container [ngSwitch]=\"data.getColumnType(row, col)\">\n                            <div *ngSwitchCase=\"'image'\" class=\"adf-cell-value\">\n                                <mat-icon\n                                    [attr.aria-label]=\"col.srTitle? (col.srTitle | translate) : null\"\n                                    [attr.aria-hidden]=\"!asIconValue(row, col)\"\n                                    *ngIf=\"isIconValue(row, col); else no_iconvalue\">\n                                    {{ asIconValue(row, col) }}\n                                </mat-icon>\n                                <ng-template #no_iconvalue>\n                                    <mat-icon class=\"adf-datatable-selected\"\n                                                *ngIf=\"row.isSelected && !multiselect; else no_selected_row\" svgIcon=\"selected\" />\n                                    <ng-template #no_selected_row>\n                                        <img class=\"adf-datatable-center-img-ie\"\n                                            [attr.aria-label]=\"(data.getValue(row, col) | fileType) === 'disable' ?\n                                                ('ADF-DATATABLE.ACCESSIBILITY.ICON_DISABLED' | translate) :\n                                                'ADF-DATATABLE.ACCESSIBILITY.ICON_TEXT' | translate:{\n                                                    type: 'ADF-DATATABLE.FILE_TYPE.' + (data.getValue(row, col) | fileType | uppercase) | translate\n                                                }\"\n                                            [attr.alt]=\"(data.getValue(row, col) | fileType) === 'disable' ?\n                                                ('ADF-DATATABLE.ACCESSIBILITY.ICON_DISABLED' | translate) :\n                                                'ADF-DATATABLE.ACCESSIBILITY.ICON_TEXT' | translate:{\n                                                        type: 'ADF-DATATABLE.FILE_TYPE.' + (data.getValue(row, col) | fileType | uppercase) | translate\n                                                }\"\n                                            src=\"{{ data.getValue(row, col) }}\"\n                                            (error)=\"onImageLoadingError($event, row)\">\n                                    </ng-template>\n                                </ng-template>\n                            </div>\n\n                            <div *ngSwitchCase=\"'icon'\" class=\"adf-cell-value\">\n                                <adf-icon-cell\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [row]=\"row\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [tooltip]=\"getCellTooltip(row, col)\"\n                                />\n                            </div>\n                            <div\n                                *ngSwitchCase=\"'date'\"\n                                class=\"adf-cell-value adf-cell-date\"\n                                [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\"\n                                [attr.data-automation-id]=\"'date_' + (data.getValue(row, col, resolverFn) | adfLocalizedDate: 'medium') \">\n                                <adf-date-cell class=\"adf-datatable-center-date-column-ie\"\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [row]=\"row\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [tooltip]=\"getCellTooltip(row, col)\"\n                                    [dateConfig]=\"col.dateConfig\" />\n                            </div>\n\n                            <div *ngSwitchCase=\"'location'\" [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\"  class=\"adf-cell-value\"\n                                    [attr.data-automation-id]=\"'location' + data.getValue(row, col, resolverFn)\">\n                                <adf-location-cell\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [row]=\"row\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [tooltip]=\"getCellTooltip(row, col)\" />\n                            </div>\n                            <div *ngSwitchCase=\"'fileSize'\" [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\" class=\"adf-cell-value\"\n                                    [attr.data-automation-id]=\"'fileSize_' + data.getValue(row, col, resolverFn)\">\n                                <adf-filesize-cell class=\"adf-datatable-center-size-column-ie\"\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [row]=\"row\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [tooltip]=\"getCellTooltip(row, col)\" />\n                            </div>\n                            <div *ngSwitchCase=\"'text'\" [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\" class=\"adf-cell-value\"\n                                    [attr.data-automation-id]=\"'text_' + data.getValue(row, col, resolverFn)\">\n                                <adf-datatable-cell\n                                    [copyContent]=\"col.copyContent\"\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [row]=\"row\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [tooltip]=\"getCellTooltip(row, col)\" />\n                            </div>\n                            <div *ngSwitchCase=\"'boolean'\" [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\" class=\"adf-cell-value\"\n                                    [attr.data-automation-id]=\"'boolean_' + data.getValue(row, col, resolverFn)\">\n                                <adf-boolean-cell\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [row]=\"row\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [tooltip]=\"getCellTooltip(row, col)\" />\n                            </div>\n                            <div *ngSwitchCase=\"'json'\" [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\" class=\"adf-cell-value\">\n                                <adf-json-cell\n                                    [editable]=\"col.editable\"\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [row]=\"row\" />\n                            </div>\n                            <div *ngSwitchCase=\"'amount'\"\n                                class=\"adf-cell-value\"\n                                [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\"\n                                [attr.data-automation-id]=\"'amount_' + data.getValue(row, col, resolverFn)\">\n                                <adf-amount-cell\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [row]=\"row\"\n                                    [currencyConfig]=\"col.currencyConfig\" />\n                            </div>\n                            <div *ngSwitchCase=\"'number'\"\n                                class=\"adf-cell-value\"\n                                [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\"\n                                [attr.data-automation-id]=\"'number_' + data.getValue(row, col, resolverFn)\">\n                                <adf-number-cell\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [row]=\"row\"\n                                    [decimalConfig]=\"col.decimalConfig\" />\n                            </div>\n                            <span *ngSwitchDefault class=\"adf-cell-value\">\n                    <!-- empty cell for unknown column type -->\n                    </span>\n                        </ng-container>\n                    </div>\n                    <div *ngIf=\"col.template\" class=\"adf-datatable-cell-container\">\n                        <div class=\"adf-cell-value\" [attr.tabindex]=\"col.focus ? 0 : null\">\n                            <ng-container\n                                [ngTemplateOutlet]=\"col.template\"\n                                [ngTemplateOutletContext]=\"{ $implicit: { data: data, row: row, col: col }, value: data.getValue(row, col, resolverFn) }\" />\n                        </div>\n                    </div>\n                </div>\n\n                <!-- Row actions (right) -->\n                <div *ngIf=\"\n                        !showProvidedActions &&\n                        ((actions && actionsPosition === 'right') ||\n                        (mainActionTemplate && showMainDatatableActions))\"\n                        role=\"gridcell\"\n                        tabindex=\"0\"\n                        class=\"adf-datatable-cell adf-datatable__actions-cell adf-datatable-center-actions-column-ie adf-datatable-actions-menu\">\n\n                    <ng-container *ngIf=\"(actions && actionsPosition === 'right')\">\n                        <button mat-icon-button [matMenuTriggerFor]=\"menu\" #actionsMenuTrigger=\"matMenuTrigger\"\n                                [ngClass]=\"getHideActionsWithoutHoverClass(actionsMenuTrigger)\"\n                                [attr.aria-label]=\"'ADF-DATATABLE.ACCESSIBILITY.ROW_OPTION_BUTTON' | translate\"\n                                [title]=\"'ADF-DATATABLE.CONTENT-ACTIONS.TOOLTIP' | translate\"\n                                [attr.id]=\"'action_menu_right_' + idx\"\n                                [attr.data-automation-id]=\"'action_menu_' + idx\"\n                                (keydown.enter)=\"actionsMenuTrigger.openMenu()\">\n                            <mat-icon>more_vert</mat-icon>\n                        </button>\n                        <mat-menu #menu=\"matMenu\">\n                            <button mat-menu-item *ngFor=\"let action of getRowActions(row)\"\n                                    [attr.data-automation-id]=\"action.title\"\n                                    [attr.aria-label]=\"action.title | translate\"\n                                    [disabled]=\"action.disabled\"\n                                    (click)=\"onExecuteRowAction(row, action)\">\n                                <mat-icon *ngIf=\"action.icon\">{{ action.icon }}</mat-icon>\n                                <span>{{ action.title | translate }}</span>\n                            </button>\n                        </mat-menu>\n                    </ng-container>\n                </div>\n            </adf-datatable-row>\n            <div *ngIf=\"isEmpty()\" role=\"row\" class=\"adf-datatable-row\">\n                <div class=\"adf-no-content-container adf-datatable-cell\" role=\"gridcell\">\n                    <ng-template *ngIf=\"noContentTemplate\"\n                                    ngFor [ngForOf]=\"[data]\"\n                                    [ngForTemplate]=\"noContentTemplate\" />\n                    <ng-content select=\"adf-empty-list\" />\n                </div>\n            </div>\n        </ng-container>\n\n        <ng-template #noPermissionsRowTemplate>\n            <div\n                role=\"row\"\n                class=\"adf-datatable-row adf-no-permission__row\">\n                <div class=\"adf-no-permission__cell adf-no-content-container adf-datatable-cell\">\n                    <ng-template *ngIf=\"noPermissionTemplate\"\n                                ngFor [ngForOf]=\"[data]\"\n                                [ngForTemplate]=\"noPermissionTemplate\" />\n                </div>\n            </div>\n        </ng-template>\n    </div>\n    <ng-template #loadingRowTemplate>\n        <div class=\"adf-datatable-row adf-datatable-data-loading\">\n            <div class=\"adf-no-content-container adf-datatable-cell\">\n                <ng-template *ngIf=\"loadingTemplate\"\n                             ngFor [ngForOf]=\"[data]\"\n                             [ngForTemplate]=\"loadingTemplate\" />\n            </div>\n        </div>\n    </ng-template>\n</div>\n", styles: [".adf-datatable{overflow-y:scroll;height:100%;display:block}.adf-datatable .adf-full-width{width:100%}.adf-datatable__resize-handle{padding:0 2px}.adf-datatable__resize-handle-visible{visibility:visible}.adf-datatable__resize-handle-hidden{visibility:hidden}.adf-datatable__resize-handle--divider{padding:24px 0;border:1px solid var(--adf-theme-foreground-text-color-007)}.adf-datatable__resize-handle:hover{cursor:col-resize}.adf-datatable__cursor--pointer:hover{cursor:pointer}.adf-datatable-list,.cdk-drag-preview{display:flex;flex-direction:column;background-color:var(--adf-theme-background-card-color);border:1px solid var(--adf-theme-foreground-text-color-007);box-sizing:border-box;overflow-x:auto}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-datatable-list .adf-datatable-center-size-column-ie,.cdk-drag-preview .adf-datatable-center-size-column-ie{padding-top:17px}.adf-datatable-list .adf-datatable__actions-cell.adf-datatable-center-actions-column-ie,.cdk-drag-preview .adf-datatable__actions-cell.adf-datatable-center-actions-column-ie{padding-top:7px}.adf-datatable-list .adf-cell-date.adf-datatable-center-date-column-ie,.cdk-drag-preview .adf-cell-date.adf-datatable-center-date-column-ie{position:relative}.adf-datatable-list .adf-cell-date.adf-datatable-center-date-column-ie .adf-datatable-cell-value,.cdk-drag-preview .adf-cell-date.adf-datatable-center-date-column-ie .adf-datatable-cell-value{width:100%}.adf-datatable-list .adf-datatable-center-img-ie,.cdk-drag-preview .adf-datatable-center-img-ie{padding:0;min-width:0;width:24px;height:56px}}.adf-datatable-list .adf-datatable-header,.cdk-drag-preview .adf-datatable-header{display:flex;flex-direction:column;width:fit-content;min-width:100%;box-sizing:border-box}.adf-datatable-list .adf-datatable-header .adf-datatable-row,.cdk-drag-preview .adf-datatable-header .adf-datatable-row{padding-right:15px}.adf-datatable-list .adf-datatable-header .adf-datatable-row:hover,.adf-datatable-list .adf-datatable-header .adf-datatable-row:focus,.cdk-drag-preview .adf-datatable-header .adf-datatable-row:hover,.cdk-drag-preview .adf-datatable-header .adf-datatable-row:focus{background-color:inherit}.adf-datatable-list .adf-datatable-row:not(.adf-datatable-data-loading):hover,.adf-datatable-list .adf-datatable-row:not(.adf-datatable-data-loading):focus,.cdk-drag-preview .adf-datatable-row:not(.adf-datatable-data-loading):hover,.cdk-drag-preview .adf-datatable-row:not(.adf-datatable-data-loading):focus{background-color:var(--adf-theme-background-hover-color)}.adf-datatable-list .adf-datatable-row:focus,.cdk-drag-preview .adf-datatable-row:focus{outline-offset:-1px;outline:1px solid var(--theme-accent-color-a200)}.adf-datatable-list .adf-datatable-row .adf-cell-value:focus,.adf-datatable-list .adf-datatable-row .adf-datatable-cell-header:focus,.cdk-drag-preview .adf-datatable-row .adf-cell-value:focus,.cdk-drag-preview .adf-datatable-row .adf-datatable-cell-header:focus{outline-offset:-1px;outline:1px solid var(--theme-accent-color-a200)}.adf-datatable-list .adf-blur-datatable-body,.cdk-drag-preview .adf-blur-datatable-body{filter:blur(3px)}.adf-datatable-list .adf-datatable-body,.cdk-drag-preview .adf-datatable-body{display:flex;flex-direction:column;background-color:inherit;width:100%;min-width:100%}.adf-datatable-list .adf-datatable-body.adf-datatable-body__draggable,.cdk-drag-preview .adf-datatable-body.adf-datatable-body__draggable{cursor:grab}.adf-datatable-list .adf-datatable-body.adf-datatable-body__dragging,.cdk-drag-preview .adf-datatable-body.adf-datatable-body__dragging{cursor:grabbing}.adf-datatable-list .adf-datatable-body .adf-datatable-row,.cdk-drag-preview .adf-datatable-body .adf-datatable-row{transition-duration:.28s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:background-color;border-top:1px solid var(--adf-theme-foreground-text-color-007);min-height:var(--theme-display-3-font-size);cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.adf-datatable-list .adf-datatable-body .adf-datatable-row.adf-is-selected,.adf-datatable-list .adf-datatable-body .adf-datatable-row.adf-is-selected:hover,.cdk-drag-preview .adf-datatable-body .adf-datatable-row.adf-is-selected,.cdk-drag-preview .adf-datatable-body .adf-datatable-row.adf-is-selected:hover{background-color:var(--adf-theme-background-selected-button-color)}.adf-datatable-list .adf-datatable-body .adf-datatable-row.adf-drag-row,.cdk-drag-preview .adf-datatable-body .adf-datatable-row.adf-drag-row{cursor:grab}.adf-datatable-list .adf-datatable-body .adf-datatable-row:last-child,.cdk-drag-preview .adf-datatable-body .adf-datatable-row:last-child{border-bottom:1px solid var(--adf-theme-foreground-text-color-007)}.adf-datatable-list .adf-datatable-body .adf-datatable-row label,.cdk-drag-preview .adf-datatable-body .adf-datatable-row label{cursor:inherit}.adf-datatable-list .adf-datatable-row,.cdk-drag-preview .adf-datatable-row{display:flex;align-items:center}.adf-datatable-list .adf-datatable-row:hover .adf-datatable-hover-only,.cdk-drag-preview .adf-datatable-row:hover .adf-datatable-hover-only{visibility:visible}.adf-datatable-list .adf-datatable-row .adf-datatable-hover-only,.cdk-drag-preview .adf-datatable-row .adf-datatable-hover-only{visibility:hidden}.adf-datatable-list .adf-datatable-row .adf-datatable-hover-only.adf-datatable-checkbox-selected,.cdk-drag-preview .adf-datatable-row .adf-datatable-hover-only.adf-datatable-checkbox-selected{visibility:visible}.adf-datatable-list .adf-datatable-row .adf-datatable-checkbox,.cdk-drag-preview .adf-datatable-row .adf-datatable-checkbox{max-width:65px;width:65px}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-datatable-list .adf-datatable-row .adf-datatable-checkbox,.cdk-drag-preview .adf-datatable-row .adf-datatable-checkbox{padding-top:15px}}.adf-datatable-list .adf-datatable-cell,.adf-datatable-list .adf-datatable-cell-header,.cdk-drag-preview .adf-datatable-cell,.cdk-drag-preview .adf-datatable-cell-header{text-align:left;box-sizing:border-box;min-width:65px}.adf-datatable-list .adf-datatable-cell--text,.adf-datatable-list .adf-datatable-cell-header--text,.cdk-drag-preview .adf-datatable-cell--text,.cdk-drag-preview .adf-datatable-cell-header--text{text-align:left;position:relative}.adf-datatable-list .adf-datatable-cell--date,.adf-datatable-list .adf-datatable-cell-header--date,.cdk-drag-preview .adf-datatable-cell--date,.cdk-drag-preview .adf-datatable-cell-header--date{text-align:left}.adf-datatable-list .adf-datatable-cell--number,.adf-datatable-list .adf-datatable-cell-header--number,.cdk-drag-preview .adf-datatable-cell--number,.cdk-drag-preview .adf-datatable-cell-header--number{text-align:right}.adf-datatable-list .adf-datatable-cell--image,.adf-datatable-list .adf-datatable-cell--icon,.adf-datatable-list .adf-datatable-cell-header--image,.adf-datatable-list .adf-datatable-cell-header--icon,.cdk-drag-preview .adf-datatable-cell--image,.cdk-drag-preview .adf-datatable-cell--icon,.cdk-drag-preview .adf-datatable-cell-header--image,.cdk-drag-preview .adf-datatable-cell-header--icon{padding-left:24px;padding-right:24px;width:65px;min-width:65px;text-align:left}.adf-datatable-list .adf-datatable-cell--fileSize,.adf-datatable-list .adf-datatable-cell-header--fileSize,.cdk-drag-preview .adf-datatable-cell--fileSize,.cdk-drag-preview .adf-datatable-cell-header--fileSize{min-width:65px}.adf-datatable-list .adf-datatable-cell button .mat-icon,.adf-datatable-list .adf-datatable-cell-header button .mat-icon,.cdk-drag-preview .adf-datatable-cell button .mat-icon,.cdk-drag-preview .adf-datatable-cell-header button .mat-icon{margin-top:-10px}.adf-datatable-list .adf-datatable-cell-header.adf-expand-cell-1,.adf-datatable-list .adf-datatable-cell.adf-expand-cell-1,.cdk-drag-preview .adf-datatable-cell-header.adf-expand-cell-1,.cdk-drag-preview .adf-datatable-cell.adf-expand-cell-1{flex-grow:1}.adf-datatable-list .adf-datatable-cell-header.adf-expand-cell-2,.adf-datatable-list .adf-datatable-cell.adf-expand-cell-2,.cdk-drag-preview .adf-datatable-cell-header.adf-expand-cell-2,.cdk-drag-preview .adf-datatable-cell.adf-expand-cell-2{flex-grow:2}.adf-datatable-list .adf-datatable-cell-header.adf-expand-cell-3,.adf-datatable-list .adf-datatable-cell.adf-expand-cell-3,.cdk-drag-preview .adf-datatable-cell-header.adf-expand-cell-3,.cdk-drag-preview .adf-datatable-cell.adf-expand-cell-3{flex-grow:3}.adf-datatable-list .adf-datatable-cell-header.adf-expand-cell-4,.adf-datatable-list .adf-datatable-cell.adf-expand-cell-4,.cdk-drag-preview .adf-datatable-cell-header.adf-expand-cell-4,.cdk-drag-preview .adf-datatable-cell.adf-expand-cell-4{flex-grow:4}.adf-datatable-list .adf-datatable-cell-header.adf-expand-cell-5,.adf-datatable-list .adf-datatable-cell.adf-expand-cell-5,.cdk-drag-preview .adf-datatable-cell-header.adf-expand-cell-5,.cdk-drag-preview .adf-datatable-cell.adf-expand-cell-5{flex-grow:5}.adf-datatable-list .adf-datatable-cell-header.adf-no-grow-cell,.adf-datatable-list .adf-datatable-cell.adf-no-grow-cell,.cdk-drag-preview .adf-datatable-cell-header.adf-no-grow-cell,.cdk-drag-preview .adf-datatable-cell.adf-no-grow-cell{flex-grow:0;min-width:100px}.adf-datatable-list .adf-datatable-cell-header.adf-min-width-cell,.adf-datatable-list .adf-datatable-cell.adf-min-width-cell,.cdk-drag-preview .adf-datatable-cell-header.adf-min-width-cell,.cdk-drag-preview .adf-datatable-cell.adf-min-width-cell{min-width:110px}.adf-datatable-list .adf-datatable-cell,.cdk-drag-preview .adf-datatable-cell{color:var(--adf-theme-foreground-text-color);min-height:inherit}.adf-datatable-list .adf-datatable-cell,.adf-datatable-list .adf-datatable-cell-header,.cdk-drag-preview .adf-datatable-cell,.cdk-drag-preview .adf-datatable-cell-header{flex:1;padding:0;align-items:center;display:flex;align-self:stretch}.adf-datatable-list .adf-datatable-cell:first-child,.adf-datatable-list .adf-datatable-cell-header:first-child,.cdk-drag-preview .adf-datatable-cell:first-child,.cdk-drag-preview .adf-datatable-cell-header:first-child{margin-left:15px;box-sizing:content-box}.adf-datatable-list .adf-datatable-cell.adf-drag-column,.adf-datatable-list .adf-datatable-cell-header.adf-drag-column,.cdk-drag-preview .adf-datatable-cell.adf-drag-column,.cdk-drag-preview .adf-datatable-cell-header.adf-drag-column{flex:0}.adf-datatable-list .adf-datatable-cell .adf-datatable-cell-container,.adf-datatable-list .adf-datatable-cell-header .adf-datatable-cell-container,.cdk-drag-preview .adf-datatable-cell .adf-datatable-cell-container,.cdk-drag-preview .adf-datatable-cell-header .adf-datatable-cell-container{overflow:hidden;min-height:inherit;align-items:center;display:flex;width:100%;padding:0 10px}.adf-datatable-list .adf-datatable-cell .adf-datatable-cell-value,.adf-datatable-list .adf-datatable-cell-header .adf-datatable-cell-value,.cdk-drag-preview .adf-datatable-cell .adf-datatable-cell-value,.cdk-drag-preview .adf-datatable-cell-header .adf-datatable-cell-value{word-break:break-word;display:block}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-datatable-list .adf-datatable-cell .adf-datatable-cell-value,.adf-datatable-list .adf-datatable-cell-header .adf-datatable-cell-value,.cdk-drag-preview .adf-datatable-cell .adf-datatable-cell-value,.cdk-drag-preview .adf-datatable-cell-header .adf-datatable-cell-value{padding:17px 10px 10px}}.adf-datatable-list .adf-datatable-row .adf-datatable-actions-menu,.cdk-drag-preview .adf-datatable-row .adf-datatable-actions-menu{margin-left:auto;justify-content:end;padding-right:15px}.adf-datatable-list .adf-datatable-row .adf-datatable-actions-menu:focus-visible .adf-datatable-hide-actions-without-hover,.adf-datatable-list .adf-datatable-row .adf-datatable-actions-menu:focus-within .adf-datatable-hide-actions-without-hover,.cdk-drag-preview .adf-datatable-row .adf-datatable-actions-menu:focus-visible .adf-datatable-hide-actions-without-hover,.cdk-drag-preview .adf-datatable-row .adf-datatable-actions-menu:focus-within .adf-datatable-hide-actions-without-hover{visibility:visible}.adf-datatable-list .adf-datatable-row .adf-datatable-actions-menu-provided,.cdk-drag-preview .adf-datatable-row .adf-datatable-actions-menu-provided{max-width:100px!important;justify-content:center;padding-right:0}.adf-datatable-list .adf-datatable-checkbox,.cdk-drag-preview .adf-datatable-checkbox{display:flex;justify-content:center}.adf-datatable-list .adf-cell-value,.cdk-drag-preview .adf-cell-value{display:flex;min-height:inherit;align-items:center;word-break:break-all;width:100%}.adf-datatable-list .adf-datatable__actions-cell,.adf-datatable-list .adf-datatable-cell--image,.cdk-drag-preview .adf-datatable__actions-cell,.cdk-drag-preview .adf-datatable-cell--image{max-width:65px;display:flex}.adf-datatable-list .adf-datatable__actions-cell .adf-cell-value,.adf-datatable-list .adf-datatable-cell--image .adf-cell-value,.cdk-drag-preview .adf-datatable__actions-cell .adf-cell-value,.cdk-drag-preview .adf-datatable-cell--image .adf-cell-value{width:unset}.adf-datatable-list .adf-datatable-row:not(:hover) .adf-datatable-hide-actions-without-hover,.cdk-drag-preview .adf-datatable-row:not(:hover) .adf-datatable-hide-actions-without-hover{visibility:hidden}.adf-datatable-list .adf-datatable-cell--image,.cdk-drag-preview .adf-datatable-cell--image{max-width:65px}.adf-datatable-list .adf-location-cell a,.cdk-drag-preview .adf-location-cell a{text-decoration:none;color:var(--adf-theme-foreground-text-color)}.adf-datatable-list .adf-location-cell a:hover,.cdk-drag-preview .adf-location-cell a:hover{color:var(--theme-accent-500);text-decoration:underline}.adf-datatable-list .adf-sr-only,.cdk-drag-preview .adf-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.adf-datatable-list .adf-is-selected,.cdk-drag-preview .adf-is-selected{background:var(--adf-theme-primary-100)}.adf-datatable-list .adf-datatable-link,.cdk-drag-preview .adf-datatable-link{text-decoration:none;color:var(--adf-theme-foreground-text-color)}.adf-datatable-list .adf-datatable-link:hover,.cdk-drag-preview .adf-datatable-link:hover{color:var(--theme-accent-500);text-decoration:underline}.adf-datatable-list .adf-dynamic-column .adf-datatable-link:hover,.cdk-drag-preview .adf-dynamic-column .adf-datatable-link:hover{text-decoration:none}.adf-datatable-list .adf-dynamic-column .adf-datatable-link:hover .adf-datatable-cell-value,.cdk-drag-preview .adf-dynamic-column .adf-datatable-link:hover .adf-datatable-cell-value{text-decoration:underline}.adf-datatable-list .adf-ellipsis-cell,.cdk-drag-preview .adf-ellipsis-cell{position:sticky;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.adf-datatable-list .adf-ellipsis-cell.adf-datatable-cell-header,.adf-datatable-list .adf-ellipsis-cell .adf-datatable-content-cell,.cdk-drag-preview .adf-ellipsis-cell.adf-datatable-cell-header,.cdk-drag-preview .adf-ellipsis-cell .adf-datatable-content-cell{max-width:calc(100% - .1px);overflow:hidden;text-overflow:ellipsis}.adf-datatable-list .adf-ellipsis-cell.adf-datatable-cell-header .adf-datatable-cell-value,.adf-datatable-list .adf-ellipsis-cell .adf-datatable-content-cell .adf-datatable-cell-value,.cdk-drag-preview .adf-ellipsis-cell.adf-datatable-cell-header .adf-datatable-cell-value,.cdk-drag-preview .adf-ellipsis-cell .adf-datatable-content-cell .adf-datatable-cell-value{overflow:hidden;text-overflow:ellipsis}.adf-datatable-list .adf-ellipsis-cell .adf-datatable-content-cell,.cdk-drag-preview .adf-ellipsis-cell .adf-datatable-content-cell{overflow:unset}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-datatable-list .adf-ellipsis-cell .adf-cell-value,.cdk-drag-preview .adf-ellipsis-cell .adf-cell-value{top:100%}}.adf-datatable-list .adf-ellipsis-cell>div:after,.cdk-drag-preview .adf-ellipsis-cell>div:after{content:attr(title);overflow:hidden;height:0;display:block}.adf-datatable-list .adf-no-content-container.adf-datatable-cell,.cdk-drag-preview .adf-no-content-container.adf-datatable-cell{padding:0;border:none;width:100%;justify-content:center}.adf-datatable-list .adf-no-content-container.adf-datatable-cell>img,.cdk-drag-preview .adf-no-content-container.adf-datatable-cell>img{width:100%}.adf-datatable-list .adf-loading-content-container,.cdk-drag-preview .adf-loading-content-container{padding:0;width:100%}.adf-datatable-list .adf-loading-content-container>img,.cdk-drag-preview .adf-loading-content-container>img{width:100%}.adf-datatable-list .adf-no-permission__row:hover,.cdk-drag-preview .adf-no-permission__row:hover{cursor:default;background-color:inherit}.adf-datatable-list .adf-no-permission__cell.adf-datatable-cell,.cdk-drag-preview .adf-no-permission__cell.adf-datatable-cell{padding:0}.adf-datatable-list .adf-hidden,.cdk-drag-preview .adf-hidden{display:none}@media all and (width <= 768px){.adf-datatable-list .adf-desktop-only.adf-ellipsis-cell,.cdk-drag-preview .adf-desktop-only.adf-ellipsis-cell{display:none}}@media (device-width <= 768px){.adf-datatable-list .adf-desktop-only.adf-ellipsis-cell,.cdk-drag-preview .adf-desktop-only.adf-ellipsis-cell{display:none}}.adf-datatable-cell-header{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:flex;align-items:center;text-overflow:ellipsis;font-weight:700;line-height:24px;letter-spacing:0;min-height:var(--theme-display-3-font-size);font-size:var(--theme-caption-font-size);color:var(--adf-theme-foreground-text-color);box-sizing:border-box}.adf-datatable-cell-header_subtitle{margin-left:3px;opacity:.6}.adf-datatable-cell-header.adf-sortable{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;align-items:center}.adf-datatable-cell-header .adf-datatable__header--sorted-asc,.adf-datatable-cell-header .adf-datatable__header--sorted-desc{color:var(--adf-theme-foreground-text-color);padding-right:.25rem}.adf-datatable-cell-header .adf-datatable__header--sorted-asc:after,.adf-datatable-cell-header .adf-datatable__header--sorted-desc:after{font-family:Material Icons;font-weight:400;font-style:normal;font-size:var(--theme-headline-font-size);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;word-wrap:normal;font-feature-settings:\"liga\";font-size:var(--theme-subheading-2-font-size);content:\"\\e5d8\";left:5px;right:5px;position:relative;vertical-align:middle}.adf-datatable-cell-header .adf-datatable__header--sorted-desc:after{content:\"\\e5db\"}.adf-datatable-cell-header .adf-datatable-cell--fileSize.adf-datatable__header--sorted-asc:before,.adf-datatable-cell-header .adf-datatable-cell--fileSize.adf-datatable__header--sorted-desc:before{left:-3px;right:-3px}.adf-datatable-cell-header .adf-datatable-cell-header-content{display:flex;flex-grow:1;align-items:center;margin:0 2px;padding:0 8px}.adf-datatable-cell-header .adf-datatable-cell-header-content .adf-datatable-cell-header-drag-icon-placeholder{padding:0;margin:0}.adf-datatable-cell-header .adf-datatable-cell-header-content--hovered{background-color:var(--adf-theme-background-hover-color);border-radius:6px}.adf-datatable-cell-header .adf-datatable-cell-header-drag-icon{margin-left:auto;cursor:move;margin-right:-.5rem;padding-left:-.5rem}.adf-datatable-cell-header .adf-datatable-cell-header-drag-icon-visible{display:flex}.adf-datatable-cell-header .adf-datatable-cell-value{padding-top:10px;padding-bottom:10px;line-height:24px;word-break:break-word}.adf-drop-header-cell-placeholder{display:flex;flex:1;background:var(--adf-theme-background-hover-color);border:dotted 1px rgba(0,0,0,.25);min-height:55px;transition:transform .25s cubic-bezier(0,0,.2,1)}.adf-datatable-cell-header.adf-ellipsis-cell .adf-datatable-cell-header-content{white-space:nowrap;overflow:hidden}.adf-datatable-cell-header.adf-ellipsis-cell .adf-datatable-cell-header-content--hovered .adf-datatable-cell-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cdk-drag-preview{min-height:var(--theme-display-3-font-size);display:flex;flex-direction:row;align-items:center;box-sizing:unset;background-color:var(--theme-background-color);border-top:2px solid var(--theme-selected-background-color);opacity:1}.cdk-drag-preview.adf-datatable-cell-header{border-radius:6px;background-color:var(--theme-background-color);transition:box-shadow .28s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.adf-checkbox-sr-only .mdc-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.adf-sticky-header{border-top:0;height:100%}.adf-sticky-header .adf-datatable-header{display:block;margin-right:0;border-top:1px solid var(--adf-theme-foreground-text-color-007);border-bottom:1px solid var(--adf-theme-foreground-text-color-007)}.adf-sticky-header .adf-datatable-body{display:block;flex:1;overflow:hidden auto;margin-top:-1px}.adf-upload__dragging>div{border-top:1px dashed var(--theme-accent-color-a200);border-bottom:1px dashed var(--theme-accent-color-a200)}.adf-upload__dragging>div:first-child{border-left:1px dashed var(--theme-accent-color-a200)}.adf-upload__dragging>div:last-child{border-right:1px dashed var(--theme-accent-color-a200)}.adf-datatable--empty{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;min-height:0;justify-content:center;align-items:center;height:inherit}.adf-datatable--empty .adf-datatable-body[role=rowgroup] .adf-datatable-row{height:100%;background-color:var(--adf-theme-background-card-color);border:none}.adf-datatable--empty .adf-datatable-body[role=rowgroup] .adf-datatable-row:hover,.adf-datatable--empty .adf-datatable-body[role=rowgroup] .adf-datatable-row:focus{background-color:unset;cursor:default}.adf-datatable--empty--header-visible .adf-datatable-header{border:1px solid var(--adf-theme-foreground-text-color-007)}.adf-datatable--empty--header-visible .adf-datatable-body{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;min-height:0;justify-content:center;align-items:center}.adf-datatable--empty--header-visible .adf-datatable-body .adf-datatable-row{height:100%;background-color:var(--adf-theme-background-card-color);border:none}.adf-datatable--empty--header-visible .adf-datatable-body .adf-datatable-row:hover,.adf-datatable--empty--header-visible .adf-datatable-body .adf-datatable-row:focus{background-color:unset;cursor:default}@media screen and (width <= 380px){.adf-datatable-header{max-height:50%}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "pipe", type: i1.UpperCasePipe, name: "uppercase" }, { kind: "component", type: DataTableRowComponent, selector: "adf-datatable-row", inputs: ["row", "disabled"], outputs: ["select"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i2$6.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: DropZoneDirective, selector: "[adf-drop-zone]", inputs: ["dropTarget", "dropRow", "dropColumn"] }, { kind: "directive", type: ResizableDirective, selector: "[adf-resizable]", inputs: ["coverPadding"], outputs: ["resizeStart", "resizing", "resizeEnd"], exportAs: ["adf-resizable"] }, { kind: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: IconComponent, selector: "adf-icon", inputs: ["color", "fontSet", "value"] }, { kind: "directive", type: ResizeHandleDirective, selector: "[adf-resize-handle]", inputs: ["resizableContainer"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i7.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i7.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: UploadDirective, selector: "[adf-upload]", inputs: ["adf-upload", "adf-upload-data", "mode", "multiple", "accept", "directory"] }, { kind: "directive", type: ContextMenuDirective, selector: "[adf-context-menu]", inputs: ["adf-context-menu", "adf-context-menu-enabled"] }, { kind: "pipe", type: FileTypePipe, name: "fileType" }, { kind: "component", type: IconCellComponent, selector: "adf-icon-cell" }, { kind: "pipe", type: LocalizedDatePipe, name: "adfLocalizedDate" }, { kind: "component", type: DateCellComponent, selector: "adf-date-cell", inputs: ["dateConfig"] }, { kind: "component", type: LocationCellComponent, selector: "adf-location-cell", inputs: ["link"] }, { kind: "component", type: FileSizeCellComponent, selector: "adf-filesize-cell" }, { kind: "component", type: DataTableCellComponent, selector: "adf-datatable-cell", inputs: ["data", "column", "row", "copyContent", "tooltip", "resolverFn"] }, { kind: "component", type: BooleanCellComponent, selector: "adf-boolean-cell" }, { kind: "component", type: JsonCellComponent, selector: "adf-json-cell", inputs: ["editable"] }, { kind: "component", type: AmountCellComponent, selector: "adf-amount-cell", inputs: ["currencyConfig"] }, { kind: "component", type: NumberCellComponent, selector: "adf-number-cell", inputs: ["decimalConfig"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: DataTableComponent, isStandalone: true, selector: "adf-datatable", inputs: { data: "data", rows: "rows", sorting: "sorting", columns: "columns", selectionMode: "selectionMode", multiselect: "multiselect", mainTableAction: "mainTableAction", actions: "actions", showMainDatatableActions: "showMainDatatableActions", showProvidedActions: "showProvidedActions", actionsPosition: "actionsPosition", actionsVisibleOnHover: "actionsVisibleOnHover", fallbackThumbnail: "fallbackThumbnail", contextMenu: "contextMenu", rowStyle: "rowStyle", rowStyleClass: "rowStyleClass", showHeader: "showHeader", stickyHeader: "stickyHeader", loading: "loading", noPermission: "noPermission", rowMenuCacheEnabled: "rowMenuCacheEnabled", resolverFn: "resolverFn", allowFiltering: "allowFiltering", isResizingEnabled: "isResizingEnabled", blurOnResize: "blurOnResize", displayCheckboxesOnHover: "displayCheckboxesOnHover", enableDragRows: "enableDragRows" }, outputs: { rowClick: "rowClick", rowDblClick: "rowDblClick", showRowContextMenu: "showRowContextMenu", showRowActionsMenu: "showRowActionsMenu", executeRowAction: "executeRowAction", columnOrderChanged: "columnOrderChanged", columnsWidthChanged: "columnsWidthChanged", selectedItemsCountChanged: "selectedItemsCountChanged", dragDropped: "dragDropped" }, host: { listeners: { "keyup": "onKeydown($event)" }, classAttribute: "adf-datatable" }, queries: [{ propertyName: "columnList", first: true, predicate: DataColumnListComponent, descendants: true }], viewQueries: [{ propertyName: "mainMenuTemplate", first: true, predicate: ["mainMenuTemplate"], descendants: true }, { propertyName: "rowsList", predicate: DataTableRowComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n    role=\"grid\"\n    *ngIf=\"data\"\n    class=\"adf-datatable-list\"\n    [class.adf-sticky-header]=\"isStickyHeaderEnabled()\"\n    [class.adf-datatable--empty]=\"(isEmpty() && !isHeaderVisible()) || loading\"\n    [class.adf-datatable--empty--header-visible]=\"isEmpty() && isHeaderVisible()\"\n>\n    <div *ngIf=\"isHeaderVisible()\" class=\"adf-datatable-header\" role=\"rowgroup\" [ngClass]=\"{ 'adf-sr-only': !isHeaderVisible() }\">\n        <adf-datatable-row\n            cdkDropList\n            cdkDropListOrientation=\"horizontal\"\n            [cdkDropListSortPredicate]=\"filterDisabledColumns\"\n            data-automation-id=\"datatable-row-header\"\n            [disabled]=\"!isHeaderVisible()\"\n            class=\"adf-datatable-row\"\n            role=\"row\">\n\n\n            <!-- Drag -->\n            <div *ngIf=\"enableDragRows\" class=\"adf-datatable-cell-header adf-drag-column\">\n                <span class=\"adf-sr-only\">{{ 'ADF-DATATABLE.ACCESSIBILITY.DRAG' | translate }}</span>\n            </div>\n\n            <!-- Actions (left) -->\n            <div *ngIf=\"actions && actionsPosition === 'left'\" class=\"adf-actions-column adf-datatable-cell-header\">\n                <span class=\"adf-sr-only\">{{ 'ADF-DATATABLE.ACCESSIBILITY.ACTIONS' | translate }}</span>\n            </div>\n\n            <!-- Columns -->\n            <div *ngIf=\"multiselect\" class=\"adf-datatable-cell-header adf-datatable-checkbox\">\n                <mat-checkbox [indeterminate]=\"isSelectAllIndeterminate\"\n                              [checked]=\"isSelectAllChecked\"\n                              (change)=\"onSelectAllClick($event)\"\n                              class=\"adf-checkbox-sr-only\"\n                              [aria-label]=\"'ADF-DATATABLE.ACCESSIBILITY.SELECT_ALL' | translate\">\n                    {{ 'ADF-DATATABLE.ACCESSIBILITY.SELECT_ALL' | translate }}\n                </mat-checkbox>\n            </div>\n\n            <ng-container\n                *ngFor=\"\n                let col of getVisibleColumns();\n                let columnIndex = index\n                let lastColumn = last\"\n            >\n            <div\n                class=\"adf-datatable-cell--{{col.type || 'text'}} {{col.cssClass}} adf-datatable-cell-header adf-datatable-cell-data\"\n                *ngIf=\"col.title || !showProvidedActions\"\n                [attr.data-automation-id]=\"'auto_id_' + col.key\"\n                [ngClass]=\"{\n                    'adf-sortable': col.sortable,\n                    'adf-datatable__cursor--pointer': !isResizing,\n                    'adf-datatable__header--sorted-asc': isColumnSorted(col, 'asc'),\n                    'adf-datatable__header--sorted-desc': isColumnSorted(col, 'desc')}\"\n                [ngStyle]=\"(col.width) && !lastColumn && {'flex': getFlexValue(col)}\"\n                [attr.aria-label]=\"col.srTitle ? (col.srTitle | translate) : (col.title | translate) + (col.subtitle ? ' ' + (col.subtitle | translate) : '')\"\n                (click)=\"onColumnHeaderClick(col, $event)\"\n                (keyup.enter)=\"onColumnHeaderClick(col, $event)\"\n                role=\"columnheader\"\n                [attr.tabindex]=\"isHeaderVisible() ? 0 : null\"\n                [attr.aria-sort]=\"col.sortable ? (getAriaSort(col) | translate) : null\"\n                cdkDrag\n                cdkDragLockAxis=\"x\"\n                (cdkDragStarted)=\"isDraggingHeaderColumn = true\"\n                (cdkDragDropped)=\"onDropHeaderColumn($event)\"\n                [cdkDragDisabled]=\"!col.draggable\"\n                (mouseenter)=\"hoveredHeaderColumnIndex = columnIndex\"\n                (mouseleave)=\"hoveredHeaderColumnIndex = -1\"\n                adf-drop-zone dropTarget=\"header\"\n                [dropColumn]=\"col\"\n            >\n\n            <div\n                adf-resizable\n                #resizableElement=\"adf-resizable\"\n                [coverPadding]=\"10\"\n                (resizing)=\"onResizing($event, columnIndex)\"\n                (resizeStart)=\"resizingColumnIndex = columnIndex\"\n                (resizeEnd)=\"onResizingEnd()\"\n                [attr.data-automation-id]=\"'auto_header_content_id_' + col.key\"\n                class=\"adf-datatable-cell-header-content\"\n                [ngClass]=\"{ 'adf-datatable-cell-header-content--hovered':\n                    hoveredHeaderColumnIndex === columnIndex &&\n                    !isDraggingHeaderColumn &&\n                    !isResizing && col.sortable}\"\n            >\n                <ng-container *ngIf=\"!col.header\">\n                    <span\n                        *ngIf=\"col.title\"\n                        title=\"{{col.title | translate}}\"\n                        class=\"adf-datatable-cell-value\"\n                    >\n                        {{col.title | translate}}\n                    </span>\n\n                    <span\n                        *ngIf=\"col.subtitle\"\n                        title=\"{{col.subtitle | translate}}\"\n                        class=\"adf-datatable-cell-value adf-datatable-cell-header_subtitle\"\n                    >\n                        ({{col.subtitle | translate}})\n                    </span>\n\n                    <span *ngIf=\"col.title && col.sortable && isDraggingHeaderColumn\" class=\"adf-sr-only\" aria-live=\"polite\">\n                        {{ getSortLiveAnnouncement(col) | translate: { string: col.title | translate } }}\n                    </span>\n\n                    <span *ngIf=\"!col.title && !col.sortable && !headerFilterTemplate\" [attr.title]=\"'ADF-DATATABLE.ACCESSIBILITY.EMPTY_HEADER' | translate\"></span>\n                </ng-container>\n\n                <div *ngIf=\"col.header\" class=\"adf-datatable-cell-value\">\n                    <ng-template [ngTemplateOutlet]=\"col.header\" [ngTemplateOutletContext]=\"{$implicit: col}\" />\n                </div>\n\n                <span\n                    [class.adf-datatable__header--sorted-asc]=\"isColumnSorted(col, 'asc')\"\n                    [class.adf-datatable__header--sorted-desc]=\"isColumnSorted(col, 'desc')\">\n                </span>\n\n                <ng-template *ngIf=\"allowFiltering\" [ngTemplateOutlet]=\"headerFilterTemplate\" [ngTemplateOutletContext]=\"{$implicit: col}\" />\n\n                <span\n                    *ngIf=\"col.draggable\"\n                    cdkDragHandle\n                    [ngClass]=\"{ 'adf-datatable-cell-header-drag-icon': !isResizing }\"\n                >\n                    <adf-icon\n                        *ngIf=\"hoveredHeaderColumnIndex === columnIndex && !isResizing\"\n                        value=\"adf:drag_indicator\"\n                        class=\"adf-datatable-cell-header-drag-icon-visible\"\n                        [attr.data-automation-id]=\"'adf-datatable-cell-header-drag-icon-'+col.key\" />\n                </span>\n            </div>\n            <div\n                *ngIf=\"isResizingEnabled && col.resizable && !lastColumn\"\n                [ngClass]=\"hoveredHeaderColumnIndex === columnIndex && !isResizing || resizingColumnIndex === columnIndex ? 'adf-datatable__resize-handle-visible' : 'adf-datatable__resize-handle-hidden'\"\n                adf-resize-handle\n                tabindex=\"0\"\n                role=\"button\"\n                (click)=\"$event.stopPropagation()\"\n                (keyup.enter)=\"$event.stopPropagation()\"\n                class=\"adf-datatable__resize-handle\"\n                [resizableContainer]=\"resizableElement\">\n                <div class=\"adf-datatable__resize-handle--divider\"></div>\n            </div>\n            <div class=\"adf-drop-header-cell-placeholder\" *cdkDragPlaceholder></div>\n        </div>\n            </ng-container>\n\n            <!-- Header actions (right) -->\n            <div\n                *ngIf=\"(actions && actionsPosition === 'right') ||\n                       (mainActionTemplate && showMainDatatableActions)\"\n                class=\"adf-actions-column adf-datatable-actions-menu adf-datatable-cell-header adf-datatable__actions-cell\"\n                [class.adf-datatable-actions-menu-provided]=\"showProvidedActions\"\n            >\n                <ng-container *ngIf=\"mainActionTemplate\">\n                    <button\n                        data-automation-id=\"adf-datatable-main-menu-button\"\n                        title=\"{{ 'ADF-DATATABLE.CONTENT-ACTIONS.SELECT_COLUMNS' | translate }}\"\n                        mat-icon-button\n                        #mainMenuTrigger=\"matMenuTrigger\"\n                        (click)=\"onMainMenuOpen()\"\n                        [matMenuTriggerFor]=\"mainMenu\">\n                        <mat-icon>view_week_outline</mat-icon>\n                    </button>\n                    <mat-menu #mainMenu (closed)=\"onMainMenuClosed()\">\n                        <div #mainMenuTemplate role=\"presentation\" (keydown.tab)=\"$event.stopPropagation()\">\n                            <ng-container\n                                [ngTemplateOutlet]=\"mainActionTemplate\"\n                                [ngTemplateOutletContext]=\"{\n                                    $implicit: mainMenuTrigger\n                                }\" />\n                        </div>\n                    </mat-menu>\n                    <span class=\"adf-sr-only\">{{ 'ADF-DATATABLE.ACCESSIBILITY.ACTIONS' | translate }}</span>\n                </ng-container>\n            </div>\n\n        </adf-datatable-row>\n    </div>\n\n    <div\n        *ngIf=\"!loading; else loadingRowTemplate\"\n        class=\"adf-datatable-body\"\n        [ngClass]=\"{ 'adf-blur-datatable-body': blurOnResize && (isDraggingHeaderColumn || isResizing), 'adf-datatable-body__draggable': enableDragRows && !isDraggingRow, 'adf-datatable-body__dragging': isDraggingRow }\"\n        cdkDropList\n        [cdkDropListDisabled]=\"!enableDragRows\"\n        role=\"rowgroup\">\n        <ng-container *ngIf=\"!noPermission; else noPermissionsRowTemplate\">\n            <adf-datatable-row *ngFor=\"let row of data.getRows(); let idx = index\"\n                cdkDrag\n                [cdkDragDisabled]=\"!enableDragRows\"\n                (cdkDragDropped)=\"onDragDrop($event)\"\n                (cdkDragStarted)=\"onDragStart()\"\n                (cdkDragEnded)=\"onDragEnd()\"\n                [cdkDragBoundary]=\"'.adf-datatable-body'\"\n                [row]=\"row\"\n                (select)=\"onEnterKeyPressed(row, $event)\"\n                (keyup)=\"onRowKeyUp(row, $event)\"\n                (keydown)=\"onRowEnterKeyDown(row, $event)\"\n                [adf-upload]=\"rowAllowsDrop(row)\"\n                [adf-upload-data]=\"row\"\n                [ngStyle]=\"rowStyle\"\n                [ngClass]=\"getRowStyle(row)\"\n                [class.adf-datatable-row__dragging]=\"isDraggingRow\"\n                [attr.data-automation-id]=\"'datatable-row-' + idx\"\n                (contextmenu)=\"markRowAsContextMenuSource(row)\">\n                <!-- Drag button -->\n                <div *ngIf=\"enableDragRows\"\n                        role=\"gridcell\"\n                        class=\"adf-datatable-cell adf-datatable__actions-cell adf-datatable-hover-only\">\n                    <button mat-icon-button\n                            [attr.aria-label]=\"'ADF-DATATABLE.ACCESSIBILITY.DRAG' | translate\">\n                        <mat-icon>drag_indicator</mat-icon>\n                    </button>\n                </div>\n\n                <!-- Actions (left) -->\n                <div *ngIf=\"actions && actionsPosition === 'left'\" role=\"gridcell\" class=\"adf-datatable-cell\">\n                    <button mat-icon-button [matMenuTriggerFor]=\"menu\" #actionsMenuTrigger=\"matMenuTrigger\"\n                            [ngClass]=\"getHideActionsWithoutHoverClass(actionsMenuTrigger)\"\n                            [title]=\"'ADF-DATATABLE.CONTENT-ACTIONS.TOOLTIP' | translate\"\n                            [attr.id]=\"'action_menu_left_' + idx\"\n                            [attr.data-automation-id]=\"'action_menu_' + idx\">\n                        <mat-icon>more_vert</mat-icon>\n                    </button>\n                    <mat-menu #menu=\"matMenu\">\n                        <button mat-menu-item *ngFor=\"let action of getRowActions(row)\"\n                                [attr.data-automation-id]=\"action.title\"\n                                [disabled]=\"action.disabled\"\n                                (click)=\"onExecuteRowAction(row, action)\">\n                            <mat-icon *ngIf=\"action.icon\">{{ action.icon }}</mat-icon>\n                            <span>{{ action.title | translate }}</span>\n                        </button>\n                    </mat-menu>\n                </div>\n\n                <label *ngIf=\"multiselect\"\n                        (keydown.enter)=\"onEnterKeyPressed(row, $any($event))\"\n                        (click)=\"onCheckboxLabelClick(row, $event)\"\n                        [for]=\"'select-file-' + idx\"\n                        class=\"adf-datatable-cell adf-datatable-checkbox adf-datatable-checkbox-single\"\n                        tabindex=\"0\">\n                    <mat-checkbox\n                        [id]=\"'select-file-' + idx\"\n                        [disabled]=\"!row?.isSelectable\"\n                        [class.adf-datatable-checkbox-selected]=\"row.isSelected\"\n                        [class.adf-datatable-hover-only]=\"displayCheckboxesOnHover\"\n                        [checked]=\"row.isSelected\"\n                        [attr.aria-checked]=\"row.isSelected\"\n                        [aria-label]=\"'ADF-DATATABLE.ACCESSIBILITY.SELECT_FILE' | translate\"\n                        data-adf-datatable-row-checkbox\n                        (change)=\"onCheckboxChange(row, $event)\"\n                        (keydown.enter)=\"$event.stopPropagation()\"\n                        class=\"adf-checkbox-sr-only\"\n                    >\n                        {{ 'ADF-DATATABLE.ACCESSIBILITY.SELECT_FILE' | translate }}\n                    </mat-checkbox>\n                </label>\n\n                <div\n                    *ngFor=\"let col of getVisibleColumns(); let lastColumn = last;\"\n                    role=\"gridcell\"\n                    class=\"adf-datatable-cell adf-datatable-cell--{{col.type || 'text'}} {{col.cssClass}} adf-datatable-cell-data adf-datatable-cell--{{getAutomationValue(row)}}\"\n                    [attr.title]=\"col.title | translate\"\n                    [attr.data-automation-id]=\"getAutomationValue(row)\"\n                    [attr.aria-selected]=\"row.isSelected\"\n                    [attr.aria-label]=\"col.title ? (col.title | translate) : null\"\n                    (click)=\"onRowClick(row, $event)\"\n                    tabindex=\"0\"\n                    (keydown.enter)=\"onEnterKeyPressed(row, $any($event))\"\n                    [adf-context-menu]=\"getContextMenuActions(row, col)\"\n                    [adf-context-menu-enabled]=\"contextMenu\"\n                    adf-drop-zone dropTarget=\"cell\" [dropColumn]=\"col\" [dropRow]=\"row\"\n                    [ngStyle]=\"(col.width) && !lastColumn && {'flex': getFlexValue(col)}\"\n                >\n                    <div *ngIf=\"!col.template\" class=\"adf-datatable-cell-container\">\n                        <ng-container [ngSwitch]=\"data.getColumnType(row, col)\">\n                            <div *ngSwitchCase=\"'image'\" class=\"adf-cell-value\">\n                                <mat-icon\n                                    [attr.aria-label]=\"col.srTitle? (col.srTitle | translate) : null\"\n                                    [attr.aria-hidden]=\"!asIconValue(row, col)\"\n                                    *ngIf=\"isIconValue(row, col); else no_iconvalue\">\n                                    {{ asIconValue(row, col) }}\n                                </mat-icon>\n                                <ng-template #no_iconvalue>\n                                    <mat-icon class=\"adf-datatable-selected\"\n                                                *ngIf=\"row.isSelected && !multiselect; else no_selected_row\" svgIcon=\"selected\" />\n                                    <ng-template #no_selected_row>\n                                        <img class=\"adf-datatable-center-img-ie\"\n                                            [attr.aria-label]=\"(data.getValue(row, col) | fileType) === 'disable' ?\n                                                ('ADF-DATATABLE.ACCESSIBILITY.ICON_DISABLED' | translate) :\n                                                'ADF-DATATABLE.ACCESSIBILITY.ICON_TEXT' | translate:{\n                                                    type: 'ADF-DATATABLE.FILE_TYPE.' + (data.getValue(row, col) | fileType | uppercase) | translate\n                                                }\"\n                                            [attr.alt]=\"(data.getValue(row, col) | fileType) === 'disable' ?\n                                                ('ADF-DATATABLE.ACCESSIBILITY.ICON_DISABLED' | translate) :\n                                                'ADF-DATATABLE.ACCESSIBILITY.ICON_TEXT' | translate:{\n                                                        type: 'ADF-DATATABLE.FILE_TYPE.' + (data.getValue(row, col) | fileType | uppercase) | translate\n                                                }\"\n                                            src=\"{{ data.getValue(row, col) }}\"\n                                            (error)=\"onImageLoadingError($event, row)\">\n                                    </ng-template>\n                                </ng-template>\n                            </div>\n\n                            <div *ngSwitchCase=\"'icon'\" class=\"adf-cell-value\">\n                                <adf-icon-cell\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [row]=\"row\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [tooltip]=\"getCellTooltip(row, col)\"\n                                />\n                            </div>\n                            <div\n                                *ngSwitchCase=\"'date'\"\n                                class=\"adf-cell-value adf-cell-date\"\n                                [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\"\n                                [attr.data-automation-id]=\"'date_' + (data.getValue(row, col, resolverFn) | adfLocalizedDate: 'medium') \">\n                                <adf-date-cell class=\"adf-datatable-center-date-column-ie\"\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [row]=\"row\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [tooltip]=\"getCellTooltip(row, col)\"\n                                    [dateConfig]=\"col.dateConfig\" />\n                            </div>\n\n                            <div *ngSwitchCase=\"'location'\" [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\"  class=\"adf-cell-value\"\n                                    [attr.data-automation-id]=\"'location' + data.getValue(row, col, resolverFn)\">\n                                <adf-location-cell\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [row]=\"row\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [tooltip]=\"getCellTooltip(row, col)\" />\n                            </div>\n                            <div *ngSwitchCase=\"'fileSize'\" [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\" class=\"adf-cell-value\"\n                                    [attr.data-automation-id]=\"'fileSize_' + data.getValue(row, col, resolverFn)\">\n                                <adf-filesize-cell class=\"adf-datatable-center-size-column-ie\"\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [row]=\"row\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [tooltip]=\"getCellTooltip(row, col)\" />\n                            </div>\n                            <div *ngSwitchCase=\"'text'\" [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\" class=\"adf-cell-value\"\n                                    [attr.data-automation-id]=\"'text_' + data.getValue(row, col, resolverFn)\">\n                                <adf-datatable-cell\n                                    [copyContent]=\"col.copyContent\"\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [row]=\"row\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [tooltip]=\"getCellTooltip(row, col)\" />\n                            </div>\n                            <div *ngSwitchCase=\"'boolean'\" [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\" class=\"adf-cell-value\"\n                                    [attr.data-automation-id]=\"'boolean_' + data.getValue(row, col, resolverFn)\">\n                                <adf-boolean-cell\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [row]=\"row\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [tooltip]=\"getCellTooltip(row, col)\" />\n                            </div>\n                            <div *ngSwitchCase=\"'json'\" [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\" class=\"adf-cell-value\">\n                                <adf-json-cell\n                                    [editable]=\"col.editable\"\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [row]=\"row\" />\n                            </div>\n                            <div *ngSwitchCase=\"'amount'\"\n                                class=\"adf-cell-value\"\n                                [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\"\n                                [attr.data-automation-id]=\"'amount_' + data.getValue(row, col, resolverFn)\">\n                                <adf-amount-cell\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [row]=\"row\"\n                                    [currencyConfig]=\"col.currencyConfig\" />\n                            </div>\n                            <div *ngSwitchCase=\"'number'\"\n                                class=\"adf-cell-value\"\n                                [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\"\n                                [attr.data-automation-id]=\"'number_' + data.getValue(row, col, resolverFn)\">\n                                <adf-number-cell\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [row]=\"row\"\n                                    [decimalConfig]=\"col.decimalConfig\" />\n                            </div>\n                            <span *ngSwitchDefault class=\"adf-cell-value\">\n                    <!-- empty cell for unknown column type -->\n                    </span>\n                        </ng-container>\n                    </div>\n                    <div *ngIf=\"col.template\" class=\"adf-datatable-cell-container\">\n                        <div class=\"adf-cell-value\" [attr.tabindex]=\"col.focus ? 0 : null\">\n                            <ng-container\n                                [ngTemplateOutlet]=\"col.template\"\n                                [ngTemplateOutletContext]=\"{ $implicit: { data: data, row: row, col: col }, value: data.getValue(row, col, resolverFn) }\" />\n                        </div>\n                    </div>\n                </div>\n\n                <!-- Row actions (right) -->\n                <div *ngIf=\"\n                        !showProvidedActions &&\n                        ((actions && actionsPosition === 'right') ||\n                        (mainActionTemplate && showMainDatatableActions))\"\n                        role=\"gridcell\"\n                        tabindex=\"0\"\n                        class=\"adf-datatable-cell adf-datatable__actions-cell adf-datatable-center-actions-column-ie adf-datatable-actions-menu\">\n\n                    <ng-container *ngIf=\"(actions && actionsPosition === 'right')\">\n                        <button mat-icon-button [matMenuTriggerFor]=\"menu\" #actionsMenuTrigger=\"matMenuTrigger\"\n                                [ngClass]=\"getHideActionsWithoutHoverClass(actionsMenuTrigger)\"\n                                [attr.aria-label]=\"'ADF-DATATABLE.ACCESSIBILITY.ROW_OPTION_BUTTON' | translate\"\n                                [title]=\"'ADF-DATATABLE.CONTENT-ACTIONS.TOOLTIP' | translate\"\n                                [attr.id]=\"'action_menu_right_' + idx\"\n                                [attr.data-automation-id]=\"'action_menu_' + idx\"\n                                (keydown.enter)=\"actionsMenuTrigger.openMenu()\">\n                            <mat-icon>more_vert</mat-icon>\n                        </button>\n                        <mat-menu #menu=\"matMenu\">\n                            <button mat-menu-item *ngFor=\"let action of getRowActions(row)\"\n                                    [attr.data-automation-id]=\"action.title\"\n                                    [attr.aria-label]=\"action.title | translate\"\n                                    [disabled]=\"action.disabled\"\n                                    (click)=\"onExecuteRowAction(row, action)\">\n                                <mat-icon *ngIf=\"action.icon\">{{ action.icon }}</mat-icon>\n                                <span>{{ action.title | translate }}</span>\n                            </button>\n                        </mat-menu>\n                    </ng-container>\n                </div>\n            </adf-datatable-row>\n            <div *ngIf=\"isEmpty()\" role=\"row\" class=\"adf-datatable-row\">\n                <div class=\"adf-no-content-container adf-datatable-cell\" role=\"gridcell\">\n                    <ng-template *ngIf=\"noContentTemplate\"\n                                    ngFor [ngForOf]=\"[data]\"\n                                    [ngForTemplate]=\"noContentTemplate\" />\n                    <ng-content select=\"adf-empty-list\" />\n                </div>\n            </div>\n        </ng-container>\n\n        <ng-template #noPermissionsRowTemplate>\n            <div\n                role=\"row\"\n                class=\"adf-datatable-row adf-no-permission__row\">\n                <div class=\"adf-no-permission__cell adf-no-content-container adf-datatable-cell\">\n                    <ng-template *ngIf=\"noPermissionTemplate\"\n                                ngFor [ngForOf]=\"[data]\"\n                                [ngForTemplate]=\"noPermissionTemplate\" />\n                </div>\n            </div>\n        </ng-template>\n    </div>\n    <ng-template #loadingRowTemplate>\n        <div class=\"adf-datatable-row adf-datatable-data-loading\">\n            <div class=\"adf-no-content-container adf-datatable-cell\">\n                <ng-template *ngIf=\"loadingTemplate\"\n                             ngFor [ngForOf]=\"[data]\"\n                             [ngForTemplate]=\"loadingTemplate\" />\n            </div>\n        </div>\n    </ng-template>\n</div>\n", styles: [".adf-datatable{overflow-y:scroll;height:100%;display:block}.adf-datatable .adf-full-width{width:100%}.adf-datatable__resize-handle{padding:0 2px}.adf-datatable__resize-handle-visible{visibility:visible}.adf-datatable__resize-handle-hidden{visibility:hidden}.adf-datatable__resize-handle--divider{padding:24px 0;border:1px solid var(--adf-theme-foreground-text-color-007)}.adf-datatable__resize-handle:hover{cursor:col-resize}.adf-datatable__cursor--pointer:hover{cursor:pointer}.adf-datatable-list,.cdk-drag-preview{display:flex;flex-direction:column;background-color:var(--adf-theme-background-card-color);border:1px solid var(--adf-theme-foreground-text-color-007);box-sizing:border-box;overflow-x:auto}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-datatable-list .adf-datatable-center-size-column-ie,.cdk-drag-preview .adf-datatable-center-size-column-ie{padding-top:17px}.adf-datatable-list .adf-datatable__actions-cell.adf-datatable-center-actions-column-ie,.cdk-drag-preview .adf-datatable__actions-cell.adf-datatable-center-actions-column-ie{padding-top:7px}.adf-datatable-list .adf-cell-date.adf-datatable-center-date-column-ie,.cdk-drag-preview .adf-cell-date.adf-datatable-center-date-column-ie{position:relative}.adf-datatable-list .adf-cell-date.adf-datatable-center-date-column-ie .adf-datatable-cell-value,.cdk-drag-preview .adf-cell-date.adf-datatable-center-date-column-ie .adf-datatable-cell-value{width:100%}.adf-datatable-list .adf-datatable-center-img-ie,.cdk-drag-preview .adf-datatable-center-img-ie{padding:0;min-width:0;width:24px;height:56px}}.adf-datatable-list .adf-datatable-header,.cdk-drag-preview .adf-datatable-header{display:flex;flex-direction:column;width:fit-content;min-width:100%;box-sizing:border-box}.adf-datatable-list .adf-datatable-header .adf-datatable-row,.cdk-drag-preview .adf-datatable-header .adf-datatable-row{padding-right:15px}.adf-datatable-list .adf-datatable-header .adf-datatable-row:hover,.adf-datatable-list .adf-datatable-header .adf-datatable-row:focus,.cdk-drag-preview .adf-datatable-header .adf-datatable-row:hover,.cdk-drag-preview .adf-datatable-header .adf-datatable-row:focus{background-color:inherit}.adf-datatable-list .adf-datatable-row:not(.adf-datatable-data-loading):hover,.adf-datatable-list .adf-datatable-row:not(.adf-datatable-data-loading):focus,.cdk-drag-preview .adf-datatable-row:not(.adf-datatable-data-loading):hover,.cdk-drag-preview .adf-datatable-row:not(.adf-datatable-data-loading):focus{background-color:var(--adf-theme-background-hover-color)}.adf-datatable-list .adf-datatable-row:focus,.cdk-drag-preview .adf-datatable-row:focus{outline-offset:-1px;outline:1px solid var(--theme-accent-color-a200)}.adf-datatable-list .adf-datatable-row .adf-cell-value:focus,.adf-datatable-list .adf-datatable-row .adf-datatable-cell-header:focus,.cdk-drag-preview .adf-datatable-row .adf-cell-value:focus,.cdk-drag-preview .adf-datatable-row .adf-datatable-cell-header:focus{outline-offset:-1px;outline:1px solid var(--theme-accent-color-a200)}.adf-datatable-list .adf-blur-datatable-body,.cdk-drag-preview .adf-blur-datatable-body{filter:blur(3px)}.adf-datatable-list .adf-datatable-body,.cdk-drag-preview .adf-datatable-body{display:flex;flex-direction:column;background-color:inherit;width:100%;min-width:100%}.adf-datatable-list .adf-datatable-body.adf-datatable-body__draggable,.cdk-drag-preview .adf-datatable-body.adf-datatable-body__draggable{cursor:grab}.adf-datatable-list .adf-datatable-body.adf-datatable-body__dragging,.cdk-drag-preview .adf-datatable-body.adf-datatable-body__dragging{cursor:grabbing}.adf-datatable-list .adf-datatable-body .adf-datatable-row,.cdk-drag-preview .adf-datatable-body .adf-datatable-row{transition-duration:.28s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:background-color;border-top:1px solid var(--adf-theme-foreground-text-color-007);min-height:var(--theme-display-3-font-size);cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.adf-datatable-list .adf-datatable-body .adf-datatable-row.adf-is-selected,.adf-datatable-list .adf-datatable-body .adf-datatable-row.adf-is-selected:hover,.cdk-drag-preview .adf-datatable-body .adf-datatable-row.adf-is-selected,.cdk-drag-preview .adf-datatable-body .adf-datatable-row.adf-is-selected:hover{background-color:var(--adf-theme-background-selected-button-color)}.adf-datatable-list .adf-datatable-body .adf-datatable-row.adf-drag-row,.cdk-drag-preview .adf-datatable-body .adf-datatable-row.adf-drag-row{cursor:grab}.adf-datatable-list .adf-datatable-body .adf-datatable-row:last-child,.cdk-drag-preview .adf-datatable-body .adf-datatable-row:last-child{border-bottom:1px solid var(--adf-theme-foreground-text-color-007)}.adf-datatable-list .adf-datatable-body .adf-datatable-row label,.cdk-drag-preview .adf-datatable-body .adf-datatable-row label{cursor:inherit}.adf-datatable-list .adf-datatable-row,.cdk-drag-preview .adf-datatable-row{display:flex;align-items:center}.adf-datatable-list .adf-datatable-row:hover .adf-datatable-hover-only,.cdk-drag-preview .adf-datatable-row:hover .adf-datatable-hover-only{visibility:visible}.adf-datatable-list .adf-datatable-row .adf-datatable-hover-only,.cdk-drag-preview .adf-datatable-row .adf-datatable-hover-only{visibility:hidden}.adf-datatable-list .adf-datatable-row .adf-datatable-hover-only.adf-datatable-checkbox-selected,.cdk-drag-preview .adf-datatable-row .adf-datatable-hover-only.adf-datatable-checkbox-selected{visibility:visible}.adf-datatable-list .adf-datatable-row .adf-datatable-checkbox,.cdk-drag-preview .adf-datatable-row .adf-datatable-checkbox{max-width:65px;width:65px}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-datatable-list .adf-datatable-row .adf-datatable-checkbox,.cdk-drag-preview .adf-datatable-row .adf-datatable-checkbox{padding-top:15px}}.adf-datatable-list .adf-datatable-cell,.adf-datatable-list .adf-datatable-cell-header,.cdk-drag-preview .adf-datatable-cell,.cdk-drag-preview .adf-datatable-cell-header{text-align:left;box-sizing:border-box;min-width:65px}.adf-datatable-list .adf-datatable-cell--text,.adf-datatable-list .adf-datatable-cell-header--text,.cdk-drag-preview .adf-datatable-cell--text,.cdk-drag-preview .adf-datatable-cell-header--text{text-align:left;position:relative}.adf-datatable-list .adf-datatable-cell--date,.adf-datatable-list .adf-datatable-cell-header--date,.cdk-drag-preview .adf-datatable-cell--date,.cdk-drag-preview .adf-datatable-cell-header--date{text-align:left}.adf-datatable-list .adf-datatable-cell--number,.adf-datatable-list .adf-datatable-cell-header--number,.cdk-drag-preview .adf-datatable-cell--number,.cdk-drag-preview .adf-datatable-cell-header--number{text-align:right}.adf-datatable-list .adf-datatable-cell--image,.adf-datatable-list .adf-datatable-cell--icon,.adf-datatable-list .adf-datatable-cell-header--image,.adf-datatable-list .adf-datatable-cell-header--icon,.cdk-drag-preview .adf-datatable-cell--image,.cdk-drag-preview .adf-datatable-cell--icon,.cdk-drag-preview .adf-datatable-cell-header--image,.cdk-drag-preview .adf-datatable-cell-header--icon{padding-left:24px;padding-right:24px;width:65px;min-width:65px;text-align:left}.adf-datatable-list .adf-datatable-cell--fileSize,.adf-datatable-list .adf-datatable-cell-header--fileSize,.cdk-drag-preview .adf-datatable-cell--fileSize,.cdk-drag-preview .adf-datatable-cell-header--fileSize{min-width:65px}.adf-datatable-list .adf-datatable-cell button .mat-icon,.adf-datatable-list .adf-datatable-cell-header button .mat-icon,.cdk-drag-preview .adf-datatable-cell button .mat-icon,.cdk-drag-preview .adf-datatable-cell-header button .mat-icon{margin-top:-10px}.adf-datatable-list .adf-datatable-cell-header.adf-expand-cell-1,.adf-datatable-list .adf-datatable-cell.adf-expand-cell-1,.cdk-drag-preview .adf-datatable-cell-header.adf-expand-cell-1,.cdk-drag-preview .adf-datatable-cell.adf-expand-cell-1{flex-grow:1}.adf-datatable-list .adf-datatable-cell-header.adf-expand-cell-2,.adf-datatable-list .adf-datatable-cell.adf-expand-cell-2,.cdk-drag-preview .adf-datatable-cell-header.adf-expand-cell-2,.cdk-drag-preview .adf-datatable-cell.adf-expand-cell-2{flex-grow:2}.adf-datatable-list .adf-datatable-cell-header.adf-expand-cell-3,.adf-datatable-list .adf-datatable-cell.adf-expand-cell-3,.cdk-drag-preview .adf-datatable-cell-header.adf-expand-cell-3,.cdk-drag-preview .adf-datatable-cell.adf-expand-cell-3{flex-grow:3}.adf-datatable-list .adf-datatable-cell-header.adf-expand-cell-4,.adf-datatable-list .adf-datatable-cell.adf-expand-cell-4,.cdk-drag-preview .adf-datatable-cell-header.adf-expand-cell-4,.cdk-drag-preview .adf-datatable-cell.adf-expand-cell-4{flex-grow:4}.adf-datatable-list .adf-datatable-cell-header.adf-expand-cell-5,.adf-datatable-list .adf-datatable-cell.adf-expand-cell-5,.cdk-drag-preview .adf-datatable-cell-header.adf-expand-cell-5,.cdk-drag-preview .adf-datatable-cell.adf-expand-cell-5{flex-grow:5}.adf-datatable-list .adf-datatable-cell-header.adf-no-grow-cell,.adf-datatable-list .adf-datatable-cell.adf-no-grow-cell,.cdk-drag-preview .adf-datatable-cell-header.adf-no-grow-cell,.cdk-drag-preview .adf-datatable-cell.adf-no-grow-cell{flex-grow:0;min-width:100px}.adf-datatable-list .adf-datatable-cell-header.adf-min-width-cell,.adf-datatable-list .adf-datatable-cell.adf-min-width-cell,.cdk-drag-preview .adf-datatable-cell-header.adf-min-width-cell,.cdk-drag-preview .adf-datatable-cell.adf-min-width-cell{min-width:110px}.adf-datatable-list .adf-datatable-cell,.cdk-drag-preview .adf-datatable-cell{color:var(--adf-theme-foreground-text-color);min-height:inherit}.adf-datatable-list .adf-datatable-cell,.adf-datatable-list .adf-datatable-cell-header,.cdk-drag-preview .adf-datatable-cell,.cdk-drag-preview .adf-datatable-cell-header{flex:1;padding:0;align-items:center;display:flex;align-self:stretch}.adf-datatable-list .adf-datatable-cell:first-child,.adf-datatable-list .adf-datatable-cell-header:first-child,.cdk-drag-preview .adf-datatable-cell:first-child,.cdk-drag-preview .adf-datatable-cell-header:first-child{margin-left:15px;box-sizing:content-box}.adf-datatable-list .adf-datatable-cell.adf-drag-column,.adf-datatable-list .adf-datatable-cell-header.adf-drag-column,.cdk-drag-preview .adf-datatable-cell.adf-drag-column,.cdk-drag-preview .adf-datatable-cell-header.adf-drag-column{flex:0}.adf-datatable-list .adf-datatable-cell .adf-datatable-cell-container,.adf-datatable-list .adf-datatable-cell-header .adf-datatable-cell-container,.cdk-drag-preview .adf-datatable-cell .adf-datatable-cell-container,.cdk-drag-preview .adf-datatable-cell-header .adf-datatable-cell-container{overflow:hidden;min-height:inherit;align-items:center;display:flex;width:100%;padding:0 10px}.adf-datatable-list .adf-datatable-cell .adf-datatable-cell-value,.adf-datatable-list .adf-datatable-cell-header .adf-datatable-cell-value,.cdk-drag-preview .adf-datatable-cell .adf-datatable-cell-value,.cdk-drag-preview .adf-datatable-cell-header .adf-datatable-cell-value{word-break:break-word;display:block}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-datatable-list .adf-datatable-cell .adf-datatable-cell-value,.adf-datatable-list .adf-datatable-cell-header .adf-datatable-cell-value,.cdk-drag-preview .adf-datatable-cell .adf-datatable-cell-value,.cdk-drag-preview .adf-datatable-cell-header .adf-datatable-cell-value{padding:17px 10px 10px}}.adf-datatable-list .adf-datatable-row .adf-datatable-actions-menu,.cdk-drag-preview .adf-datatable-row .adf-datatable-actions-menu{margin-left:auto;justify-content:end;padding-right:15px}.adf-datatable-list .adf-datatable-row .adf-datatable-actions-menu:focus-visible .adf-datatable-hide-actions-without-hover,.adf-datatable-list .adf-datatable-row .adf-datatable-actions-menu:focus-within .adf-datatable-hide-actions-without-hover,.cdk-drag-preview .adf-datatable-row .adf-datatable-actions-menu:focus-visible .adf-datatable-hide-actions-without-hover,.cdk-drag-preview .adf-datatable-row .adf-datatable-actions-menu:focus-within .adf-datatable-hide-actions-without-hover{visibility:visible}.adf-datatable-list .adf-datatable-row .adf-datatable-actions-menu-provided,.cdk-drag-preview .adf-datatable-row .adf-datatable-actions-menu-provided{max-width:100px!important;justify-content:center;padding-right:0}.adf-datatable-list .adf-datatable-checkbox,.cdk-drag-preview .adf-datatable-checkbox{display:flex;justify-content:center}.adf-datatable-list .adf-cell-value,.cdk-drag-preview .adf-cell-value{display:flex;min-height:inherit;align-items:center;word-break:break-all;width:100%}.adf-datatable-list .adf-datatable__actions-cell,.adf-datatable-list .adf-datatable-cell--image,.cdk-drag-preview .adf-datatable__actions-cell,.cdk-drag-preview .adf-datatable-cell--image{max-width:65px;display:flex}.adf-datatable-list .adf-datatable__actions-cell .adf-cell-value,.adf-datatable-list .adf-datatable-cell--image .adf-cell-value,.cdk-drag-preview .adf-datatable__actions-cell .adf-cell-value,.cdk-drag-preview .adf-datatable-cell--image .adf-cell-value{width:unset}.adf-datatable-list .adf-datatable-row:not(:hover) .adf-datatable-hide-actions-without-hover,.cdk-drag-preview .adf-datatable-row:not(:hover) .adf-datatable-hide-actions-without-hover{visibility:hidden}.adf-datatable-list .adf-datatable-cell--image,.cdk-drag-preview .adf-datatable-cell--image{max-width:65px}.adf-datatable-list .adf-location-cell a,.cdk-drag-preview .adf-location-cell a{text-decoration:none;color:var(--adf-theme-foreground-text-color)}.adf-datatable-list .adf-location-cell a:hover,.cdk-drag-preview .adf-location-cell a:hover{color:var(--theme-accent-500);text-decoration:underline}.adf-datatable-list .adf-sr-only,.cdk-drag-preview .adf-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.adf-datatable-list .adf-is-selected,.cdk-drag-preview .adf-is-selected{background:var(--adf-theme-primary-100)}.adf-datatable-list .adf-datatable-link,.cdk-drag-preview .adf-datatable-link{text-decoration:none;color:var(--adf-theme-foreground-text-color)}.adf-datatable-list .adf-datatable-link:hover,.cdk-drag-preview .adf-datatable-link:hover{color:var(--theme-accent-500);text-decoration:underline}.adf-datatable-list .adf-dynamic-column .adf-datatable-link:hover,.cdk-drag-preview .adf-dynamic-column .adf-datatable-link:hover{text-decoration:none}.adf-datatable-list .adf-dynamic-column .adf-datatable-link:hover .adf-datatable-cell-value,.cdk-drag-preview .adf-dynamic-column .adf-datatable-link:hover .adf-datatable-cell-value{text-decoration:underline}.adf-datatable-list .adf-ellipsis-cell,.cdk-drag-preview .adf-ellipsis-cell{position:sticky;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.adf-datatable-list .adf-ellipsis-cell.adf-datatable-cell-header,.adf-datatable-list .adf-ellipsis-cell .adf-datatable-content-cell,.cdk-drag-preview .adf-ellipsis-cell.adf-datatable-cell-header,.cdk-drag-preview .adf-ellipsis-cell .adf-datatable-content-cell{max-width:calc(100% - .1px);overflow:hidden;text-overflow:ellipsis}.adf-datatable-list .adf-ellipsis-cell.adf-datatable-cell-header .adf-datatable-cell-value,.adf-datatable-list .adf-ellipsis-cell .adf-datatable-content-cell .adf-datatable-cell-value,.cdk-drag-preview .adf-ellipsis-cell.adf-datatable-cell-header .adf-datatable-cell-value,.cdk-drag-preview .adf-ellipsis-cell .adf-datatable-content-cell .adf-datatable-cell-value{overflow:hidden;text-overflow:ellipsis}.adf-datatable-list .adf-ellipsis-cell .adf-datatable-content-cell,.cdk-drag-preview .adf-ellipsis-cell .adf-datatable-content-cell{overflow:unset}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-datatable-list .adf-ellipsis-cell .adf-cell-value,.cdk-drag-preview .adf-ellipsis-cell .adf-cell-value{top:100%}}.adf-datatable-list .adf-ellipsis-cell>div:after,.cdk-drag-preview .adf-ellipsis-cell>div:after{content:attr(title);overflow:hidden;height:0;display:block}.adf-datatable-list .adf-no-content-container.adf-datatable-cell,.cdk-drag-preview .adf-no-content-container.adf-datatable-cell{padding:0;border:none;width:100%;justify-content:center}.adf-datatable-list .adf-no-content-container.adf-datatable-cell>img,.cdk-drag-preview .adf-no-content-container.adf-datatable-cell>img{width:100%}.adf-datatable-list .adf-loading-content-container,.cdk-drag-preview .adf-loading-content-container{padding:0;width:100%}.adf-datatable-list .adf-loading-content-container>img,.cdk-drag-preview .adf-loading-content-container>img{width:100%}.adf-datatable-list .adf-no-permission__row:hover,.cdk-drag-preview .adf-no-permission__row:hover{cursor:default;background-color:inherit}.adf-datatable-list .adf-no-permission__cell.adf-datatable-cell,.cdk-drag-preview .adf-no-permission__cell.adf-datatable-cell{padding:0}.adf-datatable-list .adf-hidden,.cdk-drag-preview .adf-hidden{display:none}@media all and (width <= 768px){.adf-datatable-list .adf-desktop-only.adf-ellipsis-cell,.cdk-drag-preview .adf-desktop-only.adf-ellipsis-cell{display:none}}@media (device-width <= 768px){.adf-datatable-list .adf-desktop-only.adf-ellipsis-cell,.cdk-drag-preview .adf-desktop-only.adf-ellipsis-cell{display:none}}.adf-datatable-cell-header{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:flex;align-items:center;text-overflow:ellipsis;font-weight:700;line-height:24px;letter-spacing:0;min-height:var(--theme-display-3-font-size);font-size:var(--theme-caption-font-size);color:var(--adf-theme-foreground-text-color);box-sizing:border-box}.adf-datatable-cell-header_subtitle{margin-left:3px;opacity:.6}.adf-datatable-cell-header.adf-sortable{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;align-items:center}.adf-datatable-cell-header .adf-datatable__header--sorted-asc,.adf-datatable-cell-header .adf-datatable__header--sorted-desc{color:var(--adf-theme-foreground-text-color);padding-right:.25rem}.adf-datatable-cell-header .adf-datatable__header--sorted-asc:after,.adf-datatable-cell-header .adf-datatable__header--sorted-desc:after{font-family:Material Icons;font-weight:400;font-style:normal;font-size:var(--theme-headline-font-size);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;word-wrap:normal;font-feature-settings:\"liga\";font-size:var(--theme-subheading-2-font-size);content:\"\\e5d8\";left:5px;right:5px;position:relative;vertical-align:middle}.adf-datatable-cell-header .adf-datatable__header--sorted-desc:after{content:\"\\e5db\"}.adf-datatable-cell-header .adf-datatable-cell--fileSize.adf-datatable__header--sorted-asc:before,.adf-datatable-cell-header .adf-datatable-cell--fileSize.adf-datatable__header--sorted-desc:before{left:-3px;right:-3px}.adf-datatable-cell-header .adf-datatable-cell-header-content{display:flex;flex-grow:1;align-items:center;margin:0 2px;padding:0 8px}.adf-datatable-cell-header .adf-datatable-cell-header-content .adf-datatable-cell-header-drag-icon-placeholder{padding:0;margin:0}.adf-datatable-cell-header .adf-datatable-cell-header-content--hovered{background-color:var(--adf-theme-background-hover-color);border-radius:6px}.adf-datatable-cell-header .adf-datatable-cell-header-drag-icon{margin-left:auto;cursor:move;margin-right:-.5rem;padding-left:-.5rem}.adf-datatable-cell-header .adf-datatable-cell-header-drag-icon-visible{display:flex}.adf-datatable-cell-header .adf-datatable-cell-value{padding-top:10px;padding-bottom:10px;line-height:24px;word-break:break-word}.adf-drop-header-cell-placeholder{display:flex;flex:1;background:var(--adf-theme-background-hover-color);border:dotted 1px rgba(0,0,0,.25);min-height:55px;transition:transform .25s cubic-bezier(0,0,.2,1)}.adf-datatable-cell-header.adf-ellipsis-cell .adf-datatable-cell-header-content{white-space:nowrap;overflow:hidden}.adf-datatable-cell-header.adf-ellipsis-cell .adf-datatable-cell-header-content--hovered .adf-datatable-cell-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cdk-drag-preview{min-height:var(--theme-display-3-font-size);display:flex;flex-direction:row;align-items:center;box-sizing:unset;background-color:var(--theme-background-color);border-top:2px solid var(--theme-selected-background-color);opacity:1}.cdk-drag-preview.adf-datatable-cell-header{border-radius:6px;background-color:var(--theme-background-color);transition:box-shadow .28s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.adf-checkbox-sr-only .mdc-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.adf-sticky-header{border-top:0;height:100%}.adf-sticky-header .adf-datatable-header{display:block;margin-right:0;border-top:1px solid var(--adf-theme-foreground-text-color-007);border-bottom:1px solid var(--adf-theme-foreground-text-color-007)}.adf-sticky-header .adf-datatable-body{display:block;flex:1;overflow:hidden auto;margin-top:-1px}.adf-upload__dragging>div{border-top:1px dashed var(--theme-accent-color-a200);border-bottom:1px dashed var(--theme-accent-color-a200)}.adf-upload__dragging>div:first-child{border-left:1px dashed var(--theme-accent-color-a200)}.adf-upload__dragging>div:last-child{border-right:1px dashed var(--theme-accent-color-a200)}.adf-datatable--empty{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;min-height:0;justify-content:center;align-items:center;height:inherit}.adf-datatable--empty .adf-datatable-body[role=rowgroup] .adf-datatable-row{height:100%;background-color:var(--adf-theme-background-card-color);border:none}.adf-datatable--empty .adf-datatable-body[role=rowgroup] .adf-datatable-row:hover,.adf-datatable--empty .adf-datatable-body[role=rowgroup] .adf-datatable-row:focus{background-color:unset;cursor:default}.adf-datatable--empty--header-visible .adf-datatable-header{border:1px solid var(--adf-theme-foreground-text-color-007)}.adf-datatable--empty--header-visible .adf-datatable-body{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;min-height:0;justify-content:center;align-items:center}.adf-datatable--empty--header-visible .adf-datatable-body .adf-datatable-row{height:100%;background-color:var(--adf-theme-background-card-color);border:none}.adf-datatable--empty--header-visible .adf-datatable-body .adf-datatable-row:hover,.adf-datatable--empty--header-visible .adf-datatable-body .adf-datatable-row:focus{background-color:unset;cursor:default}@media screen and (width <= 380px){.adf-datatable-header{max-height:50%}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "pipe", type: i1.UpperCasePipe, name: "uppercase" }, { kind: "component", type: DataTableRowComponent, selector: "adf-datatable-row", inputs: ["row", "disabled"], outputs: ["select"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i2$6.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: DropZoneDirective, selector: "[adf-drop-zone]", inputs: ["dropTarget", "dropRow", "dropColumn"] }, { kind: "directive", type: ResizableDirective, selector: "[adf-resizable]", inputs: ["coverPadding"], outputs: ["resizeStart", "resizing", "resizeEnd"], exportAs: ["adf-resizable"] }, { kind: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: IconComponent, selector: "adf-icon", inputs: ["color", "fontSet", "value"] }, { kind: "directive", type: ResizeHandleDirective, selector: "[adf-resize-handle]", inputs: ["resizableContainer"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i7.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i7.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: UploadDirective, selector: "[adf-upload]", inputs: ["adf-upload", "adf-upload-data", "mode", "multiple", "accept", "directory"] }, { kind: "directive", type: ContextMenuDirective, selector: "[adf-context-menu]", inputs: ["adf-context-menu", "adf-context-menu-enabled"] }, { kind: "pipe", type: FileTypePipe, name: "fileType" }, { kind: "component", type: IconCellComponent, selector: "adf-icon-cell" }, { kind: "pipe", type: LocalizedDatePipe, name: "adfLocalizedDate" }, { kind: "component", type: DateCellComponent, selector: "adf-date-cell", inputs: ["dateConfig"] }, { kind: "component", type: LocationCellComponent, selector: "adf-location-cell", inputs: ["link"] }, { kind: "component", type: FileSizeCellComponent, selector: "adf-filesize-cell" }, { kind: "component", type: DataTableCellComponent, selector: "adf-datatable-cell", inputs: ["data", "column", "row", "copyContent", "tooltip", "resolverFn"] }, { kind: "component", type: BooleanCellComponent, selector: "adf-boolean-cell" }, { kind: "component", type: JsonCellComponent, selector: "adf-json-cell", inputs: ["editable"] }, { kind: "component", type: AmountCellComponent, selector: "adf-amount-cell", inputs: ["currencyConfig"] }, { kind: "component", type: NumberCellComponent, selector: "adf-number-cell", inputs: ["decimalConfig"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DataTableComponent, decorators: [{
             type: Component,
@@ -17118,7 +17118,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                         JsonCellComponent,
                         AmountCellComponent,
                         NumberCellComponent
-                    ], encapsulation: ViewEncapsulation.None, host: { class: 'adf-datatable' }, template: "<div\n    role=\"grid\"\n    *ngIf=\"data\"\n    class=\"adf-datatable-list\"\n    [class.adf-sticky-header]=\"isStickyHeaderEnabled()\"\n    [class.adf-datatable--empty]=\"(isEmpty() && !isHeaderVisible()) || loading\"\n    [class.adf-datatable--empty--header-visible]=\"isEmpty() && isHeaderVisible()\"\n>\n    <div *ngIf=\"isHeaderVisible()\" class=\"adf-datatable-header\" role=\"rowgroup\" [ngClass]=\"{ 'adf-sr-only': !isHeaderVisible() }\">\n        <adf-datatable-row\n            cdkDropList\n            cdkDropListOrientation=\"horizontal\"\n            [cdkDropListSortPredicate]=\"filterDisabledColumns\"\n            data-automation-id=\"datatable-row-header\"\n            [disabled]=\"!isHeaderVisible()\"\n            class=\"adf-datatable-row\"\n            role=\"row\">\n\n\n            <!-- Drag -->\n            <div *ngIf=\"enableDragRows\" class=\"adf-datatable-cell-header adf-drag-column\">\n                <span class=\"adf-sr-only\">{{ 'ADF-DATATABLE.ACCESSIBILITY.DRAG' | translate }}</span>\n            </div>\n\n            <!-- Actions (left) -->\n            <div *ngIf=\"actions && actionsPosition === 'left'\" class=\"adf-actions-column adf-datatable-cell-header\">\n                <span class=\"adf-sr-only\">{{ 'ADF-DATATABLE.ACCESSIBILITY.ACTIONS' | translate }}</span>\n            </div>\n\n            <!-- Columns -->\n            <div *ngIf=\"multiselect\" class=\"adf-datatable-cell-header adf-datatable-checkbox\">\n                <mat-checkbox [indeterminate]=\"isSelectAllIndeterminate\"\n                              [checked]=\"isSelectAllChecked\"\n                              (change)=\"onSelectAllClick($event)\"\n                              class=\"adf-checkbox-sr-only\"\n                              [aria-label]=\"'ADF-DATATABLE.ACCESSIBILITY.SELECT_ALL' | translate\">\n                    {{ 'ADF-DATATABLE.ACCESSIBILITY.SELECT_ALL' | translate }}\n                </mat-checkbox>\n            </div>\n\n            <ng-container\n                *ngFor=\"\n                let col of getVisibleColumns();\n                let columnIndex = index\n                let lastColumn = last\"\n            >\n            <div\n                class=\"adf-datatable-cell--{{col.type || 'text'}} {{col.cssClass}} adf-datatable-cell-header adf-datatable-cell-data\"\n                *ngIf=\"col.title || !showProvidedActions\"\n                [attr.data-automation-id]=\"'auto_id_' + col.key\"\n                [ngClass]=\"{\n                    'adf-sortable': col.sortable,\n                    'adf-datatable__cursor--pointer': !isResizing,\n                    'adf-datatable__header--sorted-asc': isColumnSorted(col, 'asc'),\n                    'adf-datatable__header--sorted-desc': isColumnSorted(col, 'desc')}\"\n                [ngStyle]=\"(col.width) && !lastColumn && {'flex': getFlexValue(col)}\"\n                [attr.aria-label]=\"col.srTitle ? (col.srTitle | translate) : (col.title | translate) + (col.subtitle ? ' ' + (col.subtitle | translate) : '')\"\n                (click)=\"onColumnHeaderClick(col, $event)\"\n                (keyup.enter)=\"onColumnHeaderClick(col, $event)\"\n                role=\"columnheader\"\n                [attr.tabindex]=\"isHeaderVisible() ? 0 : null\"\n                [attr.aria-sort]=\"col.sortable ? (getAriaSort(col) | translate) : null\"\n                cdkDrag\n                cdkDragLockAxis=\"x\"\n                (cdkDragStarted)=\"isDraggingHeaderColumn = true\"\n                (cdkDragDropped)=\"onDropHeaderColumn($event)\"\n                [cdkDragDisabled]=\"!col.draggable\"\n                (mouseenter)=\"hoveredHeaderColumnIndex = columnIndex\"\n                (mouseleave)=\"hoveredHeaderColumnIndex = -1\"\n                adf-drop-zone dropTarget=\"header\"\n                [dropColumn]=\"col\"\n            >\n\n            <div\n                adf-resizable\n                #resizableElement=\"adf-resizable\"\n                [coverPadding]=\"10\"\n                (resizing)=\"onResizing($event, columnIndex)\"\n                (resizeStart)=\"resizingColumnIndex = columnIndex\"\n                (resizeEnd)=\"onResizingEnd()\"\n                [attr.data-automation-id]=\"'auto_header_content_id_' + col.key\"\n                class=\"adf-datatable-cell-header-content\"\n                [ngClass]=\"{ 'adf-datatable-cell-header-content--hovered':\n                    hoveredHeaderColumnIndex === columnIndex &&\n                    !isDraggingHeaderColumn &&\n                    !isResizing && col.sortable}\"\n            >\n                <ng-container *ngIf=\"!col.header\">\n                    <span\n                        *ngIf=\"col.title\"\n                        title=\"{{col.title | translate}}\"\n                        class=\"adf-datatable-cell-value\"\n                    >\n                        {{col.title | translate}}\n                    </span>\n\n                    <span\n                        *ngIf=\"col.subtitle\"\n                        title=\"{{col.subtitle | translate}}\"\n                        class=\"adf-datatable-cell-value adf-datatable-cell-header_subtitle\"\n                    >\n                        ({{col.subtitle | translate}})\n                    </span>\n\n                    <span *ngIf=\"col.title && col.sortable && isDraggingHeaderColumn\" class=\"adf-sr-only\" aria-live=\"polite\">\n                        {{ getSortLiveAnnouncement(col) | translate: { string: col.title | translate } }}\n                    </span>\n\n                    <span *ngIf=\"!col.title && !col.sortable && !headerFilterTemplate\" [attr.title]=\"'ADF-DATATABLE.ACCESSIBILITY.EMPTY_HEADER' | translate\"></span>\n                </ng-container>\n\n                <div *ngIf=\"col.header\" class=\"adf-datatable-cell-value\">\n                    <ng-template [ngTemplateOutlet]=\"col.header\" [ngTemplateOutletContext]=\"{$implicit: col}\" />\n                </div>\n\n                <span\n                    [class.adf-datatable__header--sorted-asc]=\"isColumnSorted(col, 'asc')\"\n                    [class.adf-datatable__header--sorted-desc]=\"isColumnSorted(col, 'desc')\">\n                </span>\n\n                <ng-template *ngIf=\"allowFiltering\" [ngTemplateOutlet]=\"headerFilterTemplate\" [ngTemplateOutletContext]=\"{$implicit: col}\" />\n\n                <span\n                    *ngIf=\"col.draggable\"\n                    cdkDragHandle\n                    [ngClass]=\"{ 'adf-datatable-cell-header-drag-icon': !isResizing }\"\n                >\n                    <adf-icon\n                        *ngIf=\"hoveredHeaderColumnIndex === columnIndex && !isResizing\"\n                        value=\"adf:drag_indicator\"\n                        class=\"adf-datatable-cell-header-drag-icon-visible\"\n                        [attr.data-automation-id]=\"'adf-datatable-cell-header-drag-icon-'+col.key\" />\n                </span>\n            </div>\n            <div\n                *ngIf=\"isResizingEnabled && col.resizable && !lastColumn\"\n                [ngClass]=\"hoveredHeaderColumnIndex === columnIndex && !isResizing || resizingColumnIndex === columnIndex ? 'adf-datatable__resize-handle-visible' : 'adf-datatable__resize-handle-hidden'\"\n                adf-resize-handle\n                tabindex=\"0\"\n                role=\"button\"\n                (click)=\"$event.stopPropagation()\"\n                (keyup.enter)=\"$event.stopPropagation()\"\n                class=\"adf-datatable__resize-handle\"\n                [resizableContainer]=\"resizableElement\">\n                <div class=\"adf-datatable__resize-handle--divider\"></div>\n            </div>\n            <div class=\"adf-drop-header-cell-placeholder\" *cdkDragPlaceholder></div>\n        </div>\n            </ng-container>\n\n            <!-- Header actions (right) -->\n            <div\n                *ngIf=\"(actions && actionsPosition === 'right') ||\n                       (mainActionTemplate && showMainDatatableActions)\"\n                class=\"adf-actions-column adf-datatable-actions-menu adf-datatable-cell-header adf-datatable__actions-cell\"\n                [class.adf-datatable-actions-menu-provided]=\"showProvidedActions\"\n            >\n                <ng-container *ngIf=\"mainActionTemplate\">\n                    <button\n                        data-automation-id=\"adf-datatable-main-menu-button\"\n                        title=\"{{ 'ADF-DATATABLE.CONTENT-ACTIONS.SELECT_COLUMNS' | translate }}\"\n                        mat-icon-button\n                        #mainMenuTrigger=\"matMenuTrigger\"\n                        (click)=\"onMainMenuOpen()\"\n                        [matMenuTriggerFor]=\"mainMenu\">\n                        <mat-icon>view_week_outline</mat-icon>\n                    </button>\n                    <mat-menu #mainMenu (closed)=\"onMainMenuClosed()\">\n                        <div #mainMenuTemplate role=\"presentation\" (keydown.tab)=\"$event.stopPropagation()\">\n                            <ng-container\n                                [ngTemplateOutlet]=\"mainActionTemplate\"\n                                [ngTemplateOutletContext]=\"{\n                                    $implicit: mainMenuTrigger\n                                }\" />\n                        </div>\n                    </mat-menu>\n                    <span class=\"adf-sr-only\">{{ 'ADF-DATATABLE.ACCESSIBILITY.ACTIONS' | translate }}</span>\n                </ng-container>\n            </div>\n\n        </adf-datatable-row>\n    </div>\n\n    <div\n        *ngIf=\"!loading; else loadingRowTemplate\"\n        class=\"adf-datatable-body\"\n        [ngClass]=\"{ 'adf-blur-datatable-body': blurOnResize && (isDraggingHeaderColumn || isResizing), 'adf-datatable-body__draggable': enableDragRows && !isDraggingRow, 'adf-datatable-body__dragging': isDraggingRow }\"\n        cdkDropList\n        [cdkDropListDisabled]=\"!enableDragRows\"\n        role=\"rowgroup\">\n        <ng-container *ngIf=\"!noPermission; else noPermissionsRowTemplate\">\n            <adf-datatable-row *ngFor=\"let row of data.getRows(); let idx = index\"\n                cdkDrag\n                [cdkDragDisabled]=\"!enableDragRows\"\n                (cdkDragDropped)=\"onDragDrop($event)\"\n                (cdkDragStarted)=\"onDragStart()\"\n                (cdkDragEnded)=\"onDragEnd()\"\n                [cdkDragBoundary]=\"'.adf-datatable-body'\"\n                [row]=\"row\"\n                (select)=\"onEnterKeyPressed(row, $event)\"\n                (keyup)=\"onRowKeyUp(row, $event)\"\n                (keydown)=\"onRowEnterKeyDown(row, $event)\"\n                [adf-upload]=\"rowAllowsDrop(row)\"\n                [adf-upload-data]=\"row\"\n                [ngStyle]=\"rowStyle\"\n                [ngClass]=\"getRowStyle(row)\"\n                [class.adf-datatable-row__dragging]=\"isDraggingRow\"\n                [attr.data-automation-id]=\"'datatable-row-' + idx\"\n                (contextmenu)=\"markRowAsContextMenuSource(row)\">\n                <!-- Drag button -->\n                <div *ngIf=\"enableDragRows\"\n                        role=\"gridcell\"\n                        class=\"adf-datatable-cell adf-datatable__actions-cell adf-datatable-hover-only\">\n                    <button mat-icon-button\n                            [attr.aria-label]=\"'ADF-DATATABLE.ACCESSIBILITY.DRAG' | translate\">\n                        <mat-icon>drag_indicator</mat-icon>\n                    </button>\n                </div>\n\n                <!-- Actions (left) -->\n                <div *ngIf=\"actions && actionsPosition === 'left'\" role=\"gridcell\" class=\"adf-datatable-cell\">\n                    <button mat-icon-button [matMenuTriggerFor]=\"menu\" #actionsMenuTrigger=\"matMenuTrigger\"\n                            [ngClass]=\"getHideActionsWithoutHoverClass(actionsMenuTrigger)\"\n                            [title]=\"'ADF-DATATABLE.CONTENT-ACTIONS.TOOLTIP' | translate\"\n                            [attr.id]=\"'action_menu_left_' + idx\"\n                            [attr.data-automation-id]=\"'action_menu_' + idx\">\n                        <mat-icon>more_vert</mat-icon>\n                    </button>\n                    <mat-menu #menu=\"matMenu\">\n                        <button mat-menu-item *ngFor=\"let action of getRowActions(row)\"\n                                [attr.data-automation-id]=\"action.title\"\n                                [disabled]=\"action.disabled\"\n                                (click)=\"onExecuteRowAction(row, action)\">\n                            <mat-icon *ngIf=\"action.icon\">{{ action.icon }}</mat-icon>\n                            <span>{{ action.title | translate }}</span>\n                        </button>\n                    </mat-menu>\n                </div>\n\n                <label *ngIf=\"multiselect\"\n                        (keydown.enter)=\"onEnterKeyPressed(row, $any($event))\"\n                        (click)=\"onCheckboxLabelClick(row, $event)\"\n                        [for]=\"'select-file-' + idx\"\n                        class=\"adf-datatable-cell adf-datatable-checkbox adf-datatable-checkbox-single\"\n                        tabindex=\"0\">\n                    <mat-checkbox\n                        [id]=\"'select-file-' + idx\"\n                        [disabled]=\"!row?.isSelectable\"\n                        [class.adf-datatable-checkbox-selected]=\"row.isSelected\"\n                        [class.adf-datatable-hover-only]=\"displayCheckboxesOnHover\"\n                        [checked]=\"row.isSelected\"\n                        [attr.aria-checked]=\"row.isSelected\"\n                        [aria-label]=\"'ADF-DATATABLE.ACCESSIBILITY.SELECT_FILE' | translate\"\n                        data-adf-datatable-row-checkbox\n                        (change)=\"onCheckboxChange(row, $event)\"\n                        (keydown.enter)=\"$event.stopPropagation()\"\n                        class=\"adf-checkbox-sr-only\"\n                    >\n                        {{ 'ADF-DATATABLE.ACCESSIBILITY.SELECT_FILE' | translate }}\n                    </mat-checkbox>\n                </label>\n\n                <div\n                    *ngFor=\"let col of getVisibleColumns(); let lastColumn = last;\"\n                    role=\"gridcell\"\n                    class=\"adf-datatable-cell adf-datatable-cell--{{col.type || 'text'}} {{col.cssClass}} adf-datatable-cell-data\"\n                    [attr.title]=\"col.title | translate\"\n                    [attr.data-automation-id]=\"getAutomationValue(row)\"\n                    [attr.aria-selected]=\"row.isSelected\"\n                    [attr.aria-label]=\"col.title ? (col.title | translate) : null\"\n                    (click)=\"onRowClick(row, $event)\"\n                    tabindex=\"0\"\n                    (keydown.enter)=\"onEnterKeyPressed(row, $any($event))\"\n                    [adf-context-menu]=\"getContextMenuActions(row, col)\"\n                    [adf-context-menu-enabled]=\"contextMenu\"\n                    adf-drop-zone dropTarget=\"cell\" [dropColumn]=\"col\" [dropRow]=\"row\"\n                    [ngStyle]=\"(col.width) && !lastColumn && {'flex': getFlexValue(col)}\"\n                >\n                    <div *ngIf=\"!col.template\" class=\"adf-datatable-cell-container\">\n                        <ng-container [ngSwitch]=\"data.getColumnType(row, col)\">\n                            <div *ngSwitchCase=\"'image'\" class=\"adf-cell-value\">\n                                <mat-icon\n                                    [attr.aria-label]=\"col.srTitle? (col.srTitle | translate) : null\"\n                                    [attr.aria-hidden]=\"!asIconValue(row, col)\"\n                                    *ngIf=\"isIconValue(row, col); else no_iconvalue\">\n                                    {{ asIconValue(row, col) }}\n                                </mat-icon>\n                                <ng-template #no_iconvalue>\n                                    <mat-icon class=\"adf-datatable-selected\"\n                                                *ngIf=\"row.isSelected && !multiselect; else no_selected_row\" svgIcon=\"selected\" />\n                                    <ng-template #no_selected_row>\n                                        <img class=\"adf-datatable-center-img-ie\"\n                                            [attr.aria-label]=\"(data.getValue(row, col) | fileType) === 'disable' ?\n                                                ('ADF-DATATABLE.ACCESSIBILITY.ICON_DISABLED' | translate) :\n                                                'ADF-DATATABLE.ACCESSIBILITY.ICON_TEXT' | translate:{\n                                                    type: 'ADF-DATATABLE.FILE_TYPE.' + (data.getValue(row, col) | fileType | uppercase) | translate\n                                                }\"\n                                            [attr.alt]=\"(data.getValue(row, col) | fileType) === 'disable' ?\n                                                ('ADF-DATATABLE.ACCESSIBILITY.ICON_DISABLED' | translate) :\n                                                'ADF-DATATABLE.ACCESSIBILITY.ICON_TEXT' | translate:{\n                                                        type: 'ADF-DATATABLE.FILE_TYPE.' + (data.getValue(row, col) | fileType | uppercase) | translate\n                                                }\"\n                                            src=\"{{ data.getValue(row, col) }}\"\n                                            (error)=\"onImageLoadingError($event, row)\">\n                                    </ng-template>\n                                </ng-template>\n                            </div>\n\n                            <div *ngSwitchCase=\"'icon'\" class=\"adf-cell-value\">\n                                <adf-icon-cell\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [row]=\"row\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [tooltip]=\"getCellTooltip(row, col)\"\n                                />\n                            </div>\n                            <div\n                                *ngSwitchCase=\"'date'\"\n                                class=\"adf-cell-value adf-cell-date\"\n                                [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\"\n                                [attr.data-automation-id]=\"'date_' + (data.getValue(row, col, resolverFn) | adfLocalizedDate: 'medium') \">\n                                <adf-date-cell class=\"adf-datatable-center-date-column-ie\"\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [row]=\"row\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [tooltip]=\"getCellTooltip(row, col)\"\n                                    [dateConfig]=\"col.dateConfig\" />\n                            </div>\n\n                            <div *ngSwitchCase=\"'location'\" [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\"  class=\"adf-cell-value\"\n                                    [attr.data-automation-id]=\"'location' + data.getValue(row, col, resolverFn)\">\n                                <adf-location-cell\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [row]=\"row\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [tooltip]=\"getCellTooltip(row, col)\" />\n                            </div>\n                            <div *ngSwitchCase=\"'fileSize'\" [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\" class=\"adf-cell-value\"\n                                    [attr.data-automation-id]=\"'fileSize_' + data.getValue(row, col, resolverFn)\">\n                                <adf-filesize-cell class=\"adf-datatable-center-size-column-ie\"\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [row]=\"row\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [tooltip]=\"getCellTooltip(row, col)\" />\n                            </div>\n                            <div *ngSwitchCase=\"'text'\" [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\" class=\"adf-cell-value\"\n                                    [attr.data-automation-id]=\"'text_' + data.getValue(row, col, resolverFn)\">\n                                <adf-datatable-cell\n                                    [copyContent]=\"col.copyContent\"\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [row]=\"row\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [tooltip]=\"getCellTooltip(row, col)\" />\n                            </div>\n                            <div *ngSwitchCase=\"'boolean'\" [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\" class=\"adf-cell-value\"\n                                    [attr.data-automation-id]=\"'boolean_' + data.getValue(row, col, resolverFn)\">\n                                <adf-boolean-cell\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [row]=\"row\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [tooltip]=\"getCellTooltip(row, col)\" />\n                            </div>\n                            <div *ngSwitchCase=\"'json'\" [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\" class=\"adf-cell-value\">\n                                <adf-json-cell\n                                    [editable]=\"col.editable\"\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [row]=\"row\" />\n                            </div>\n                            <div *ngSwitchCase=\"'amount'\"\n                                class=\"adf-cell-value\"\n                                [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\"\n                                [attr.data-automation-id]=\"'amount_' + data.getValue(row, col, resolverFn)\">\n                                <adf-amount-cell\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [row]=\"row\"\n                                    [currencyConfig]=\"col.currencyConfig\" />\n                            </div>\n                            <div *ngSwitchCase=\"'number'\"\n                                class=\"adf-cell-value\"\n                                [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\"\n                                [attr.data-automation-id]=\"'number_' + data.getValue(row, col, resolverFn)\">\n                                <adf-number-cell\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [row]=\"row\"\n                                    [decimalConfig]=\"col.decimalConfig\" />\n                            </div>\n                            <span *ngSwitchDefault class=\"adf-cell-value\">\n                    <!-- empty cell for unknown column type -->\n                    </span>\n                        </ng-container>\n                    </div>\n                    <div *ngIf=\"col.template\" class=\"adf-datatable-cell-container\">\n                        <div class=\"adf-cell-value\" [attr.tabindex]=\"col.focus ? 0 : null\">\n                            <ng-container\n                                [ngTemplateOutlet]=\"col.template\"\n                                [ngTemplateOutletContext]=\"{ $implicit: { data: data, row: row, col: col }, value: data.getValue(row, col, resolverFn) }\" />\n                        </div>\n                    </div>\n                </div>\n\n                <!-- Row actions (right) -->\n                <div *ngIf=\"\n                        !showProvidedActions &&\n                        ((actions && actionsPosition === 'right') ||\n                        (mainActionTemplate && showMainDatatableActions))\"\n                        role=\"gridcell\"\n                        tabindex=\"0\"\n                        class=\"adf-datatable-cell adf-datatable__actions-cell adf-datatable-center-actions-column-ie adf-datatable-actions-menu\">\n\n                    <ng-container *ngIf=\"(actions && actionsPosition === 'right')\">\n                        <button mat-icon-button [matMenuTriggerFor]=\"menu\" #actionsMenuTrigger=\"matMenuTrigger\"\n                                [ngClass]=\"getHideActionsWithoutHoverClass(actionsMenuTrigger)\"\n                                [attr.aria-label]=\"'ADF-DATATABLE.ACCESSIBILITY.ROW_OPTION_BUTTON' | translate\"\n                                [title]=\"'ADF-DATATABLE.CONTENT-ACTIONS.TOOLTIP' | translate\"\n                                [attr.id]=\"'action_menu_right_' + idx\"\n                                [attr.data-automation-id]=\"'action_menu_' + idx\"\n                                (keydown.enter)=\"actionsMenuTrigger.openMenu()\">\n                            <mat-icon>more_vert</mat-icon>\n                        </button>\n                        <mat-menu #menu=\"matMenu\">\n                            <button mat-menu-item *ngFor=\"let action of getRowActions(row)\"\n                                    [attr.data-automation-id]=\"action.title\"\n                                    [attr.aria-label]=\"action.title | translate\"\n                                    [disabled]=\"action.disabled\"\n                                    (click)=\"onExecuteRowAction(row, action)\">\n                                <mat-icon *ngIf=\"action.icon\">{{ action.icon }}</mat-icon>\n                                <span>{{ action.title | translate }}</span>\n                            </button>\n                        </mat-menu>\n                    </ng-container>\n                </div>\n            </adf-datatable-row>\n            <div *ngIf=\"isEmpty()\" role=\"row\" class=\"adf-datatable-row\">\n                <div class=\"adf-no-content-container adf-datatable-cell\" role=\"gridcell\">\n                    <ng-template *ngIf=\"noContentTemplate\"\n                                    ngFor [ngForOf]=\"[data]\"\n                                    [ngForTemplate]=\"noContentTemplate\" />\n                    <ng-content select=\"adf-empty-list\" />\n                </div>\n            </div>\n        </ng-container>\n\n        <ng-template #noPermissionsRowTemplate>\n            <div\n                role=\"row\"\n                class=\"adf-datatable-row adf-no-permission__row\">\n                <div class=\"adf-no-permission__cell adf-no-content-container adf-datatable-cell\">\n                    <ng-template *ngIf=\"noPermissionTemplate\"\n                                ngFor [ngForOf]=\"[data]\"\n                                [ngForTemplate]=\"noPermissionTemplate\" />\n                </div>\n            </div>\n        </ng-template>\n    </div>\n    <ng-template #loadingRowTemplate>\n        <div class=\"adf-datatable-row adf-datatable-data-loading\">\n            <div class=\"adf-no-content-container adf-datatable-cell\">\n                <ng-template *ngIf=\"loadingTemplate\"\n                             ngFor [ngForOf]=\"[data]\"\n                             [ngForTemplate]=\"loadingTemplate\" />\n            </div>\n        </div>\n    </ng-template>\n</div>\n", styles: [".adf-datatable{overflow-y:scroll;height:100%;display:block}.adf-datatable .adf-full-width{width:100%}.adf-datatable__resize-handle{padding:0 2px}.adf-datatable__resize-handle-visible{visibility:visible}.adf-datatable__resize-handle-hidden{visibility:hidden}.adf-datatable__resize-handle--divider{padding:24px 0;border:1px solid var(--adf-theme-foreground-text-color-007)}.adf-datatable__resize-handle:hover{cursor:col-resize}.adf-datatable__cursor--pointer:hover{cursor:pointer}.adf-datatable-list,.cdk-drag-preview{display:flex;flex-direction:column;background-color:var(--adf-theme-background-card-color);border:1px solid var(--adf-theme-foreground-text-color-007);box-sizing:border-box;overflow-x:auto}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-datatable-list .adf-datatable-center-size-column-ie,.cdk-drag-preview .adf-datatable-center-size-column-ie{padding-top:17px}.adf-datatable-list .adf-datatable__actions-cell.adf-datatable-center-actions-column-ie,.cdk-drag-preview .adf-datatable__actions-cell.adf-datatable-center-actions-column-ie{padding-top:7px}.adf-datatable-list .adf-cell-date.adf-datatable-center-date-column-ie,.cdk-drag-preview .adf-cell-date.adf-datatable-center-date-column-ie{position:relative}.adf-datatable-list .adf-cell-date.adf-datatable-center-date-column-ie .adf-datatable-cell-value,.cdk-drag-preview .adf-cell-date.adf-datatable-center-date-column-ie .adf-datatable-cell-value{width:100%}.adf-datatable-list .adf-datatable-center-img-ie,.cdk-drag-preview .adf-datatable-center-img-ie{padding:0;min-width:0;width:24px;height:56px}}.adf-datatable-list .adf-datatable-header,.cdk-drag-preview .adf-datatable-header{display:flex;flex-direction:column;width:fit-content;min-width:100%;box-sizing:border-box}.adf-datatable-list .adf-datatable-header .adf-datatable-row,.cdk-drag-preview .adf-datatable-header .adf-datatable-row{padding-right:15px}.adf-datatable-list .adf-datatable-header .adf-datatable-row:hover,.adf-datatable-list .adf-datatable-header .adf-datatable-row:focus,.cdk-drag-preview .adf-datatable-header .adf-datatable-row:hover,.cdk-drag-preview .adf-datatable-header .adf-datatable-row:focus{background-color:inherit}.adf-datatable-list .adf-datatable-row:not(.adf-datatable-data-loading):hover,.adf-datatable-list .adf-datatable-row:not(.adf-datatable-data-loading):focus,.cdk-drag-preview .adf-datatable-row:not(.adf-datatable-data-loading):hover,.cdk-drag-preview .adf-datatable-row:not(.adf-datatable-data-loading):focus{background-color:var(--adf-theme-background-hover-color)}.adf-datatable-list .adf-datatable-row:focus,.cdk-drag-preview .adf-datatable-row:focus{outline-offset:-1px;outline:1px solid var(--theme-accent-color-a200)}.adf-datatable-list .adf-datatable-row .adf-cell-value:focus,.adf-datatable-list .adf-datatable-row .adf-datatable-cell-header:focus,.cdk-drag-preview .adf-datatable-row .adf-cell-value:focus,.cdk-drag-preview .adf-datatable-row .adf-datatable-cell-header:focus{outline-offset:-1px;outline:1px solid var(--theme-accent-color-a200)}.adf-datatable-list .adf-blur-datatable-body,.cdk-drag-preview .adf-blur-datatable-body{filter:blur(3px)}.adf-datatable-list .adf-datatable-body,.cdk-drag-preview .adf-datatable-body{display:flex;flex-direction:column;background-color:inherit;width:100%;min-width:100%}.adf-datatable-list .adf-datatable-body.adf-datatable-body__draggable,.cdk-drag-preview .adf-datatable-body.adf-datatable-body__draggable{cursor:grab}.adf-datatable-list .adf-datatable-body.adf-datatable-body__dragging,.cdk-drag-preview .adf-datatable-body.adf-datatable-body__dragging{cursor:grabbing}.adf-datatable-list .adf-datatable-body .adf-datatable-row,.cdk-drag-preview .adf-datatable-body .adf-datatable-row{transition-duration:.28s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:background-color;border-top:1px solid var(--adf-theme-foreground-text-color-007);min-height:var(--theme-display-3-font-size);cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.adf-datatable-list .adf-datatable-body .adf-datatable-row.adf-is-selected,.adf-datatable-list .adf-datatable-body .adf-datatable-row.adf-is-selected:hover,.cdk-drag-preview .adf-datatable-body .adf-datatable-row.adf-is-selected,.cdk-drag-preview .adf-datatable-body .adf-datatable-row.adf-is-selected:hover{background-color:var(--adf-theme-background-selected-button-color)}.adf-datatable-list .adf-datatable-body .adf-datatable-row.adf-drag-row,.cdk-drag-preview .adf-datatable-body .adf-datatable-row.adf-drag-row{cursor:grab}.adf-datatable-list .adf-datatable-body .adf-datatable-row:last-child,.cdk-drag-preview .adf-datatable-body .adf-datatable-row:last-child{border-bottom:1px solid var(--adf-theme-foreground-text-color-007)}.adf-datatable-list .adf-datatable-body .adf-datatable-row label,.cdk-drag-preview .adf-datatable-body .adf-datatable-row label{cursor:inherit}.adf-datatable-list .adf-datatable-row,.cdk-drag-preview .adf-datatable-row{display:flex;align-items:center}.adf-datatable-list .adf-datatable-row:hover .adf-datatable-hover-only,.cdk-drag-preview .adf-datatable-row:hover .adf-datatable-hover-only{visibility:visible}.adf-datatable-list .adf-datatable-row .adf-datatable-hover-only,.cdk-drag-preview .adf-datatable-row .adf-datatable-hover-only{visibility:hidden}.adf-datatable-list .adf-datatable-row .adf-datatable-hover-only.adf-datatable-checkbox-selected,.cdk-drag-preview .adf-datatable-row .adf-datatable-hover-only.adf-datatable-checkbox-selected{visibility:visible}.adf-datatable-list .adf-datatable-row .adf-datatable-checkbox,.cdk-drag-preview .adf-datatable-row .adf-datatable-checkbox{max-width:65px;width:65px}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-datatable-list .adf-datatable-row .adf-datatable-checkbox,.cdk-drag-preview .adf-datatable-row .adf-datatable-checkbox{padding-top:15px}}.adf-datatable-list .adf-datatable-cell,.adf-datatable-list .adf-datatable-cell-header,.cdk-drag-preview .adf-datatable-cell,.cdk-drag-preview .adf-datatable-cell-header{text-align:left;box-sizing:border-box;min-width:65px}.adf-datatable-list .adf-datatable-cell--text,.adf-datatable-list .adf-datatable-cell-header--text,.cdk-drag-preview .adf-datatable-cell--text,.cdk-drag-preview .adf-datatable-cell-header--text{text-align:left;position:relative}.adf-datatable-list .adf-datatable-cell--date,.adf-datatable-list .adf-datatable-cell-header--date,.cdk-drag-preview .adf-datatable-cell--date,.cdk-drag-preview .adf-datatable-cell-header--date{text-align:left}.adf-datatable-list .adf-datatable-cell--number,.adf-datatable-list .adf-datatable-cell-header--number,.cdk-drag-preview .adf-datatable-cell--number,.cdk-drag-preview .adf-datatable-cell-header--number{text-align:right}.adf-datatable-list .adf-datatable-cell--image,.adf-datatable-list .adf-datatable-cell--icon,.adf-datatable-list .adf-datatable-cell-header--image,.adf-datatable-list .adf-datatable-cell-header--icon,.cdk-drag-preview .adf-datatable-cell--image,.cdk-drag-preview .adf-datatable-cell--icon,.cdk-drag-preview .adf-datatable-cell-header--image,.cdk-drag-preview .adf-datatable-cell-header--icon{padding-left:24px;padding-right:24px;width:65px;min-width:65px;text-align:left}.adf-datatable-list .adf-datatable-cell--fileSize,.adf-datatable-list .adf-datatable-cell-header--fileSize,.cdk-drag-preview .adf-datatable-cell--fileSize,.cdk-drag-preview .adf-datatable-cell-header--fileSize{min-width:65px}.adf-datatable-list .adf-datatable-cell button .mat-icon,.adf-datatable-list .adf-datatable-cell-header button .mat-icon,.cdk-drag-preview .adf-datatable-cell button .mat-icon,.cdk-drag-preview .adf-datatable-cell-header button .mat-icon{margin-top:-10px}.adf-datatable-list .adf-datatable-cell-header.adf-expand-cell-1,.adf-datatable-list .adf-datatable-cell.adf-expand-cell-1,.cdk-drag-preview .adf-datatable-cell-header.adf-expand-cell-1,.cdk-drag-preview .adf-datatable-cell.adf-expand-cell-1{flex-grow:1}.adf-datatable-list .adf-datatable-cell-header.adf-expand-cell-2,.adf-datatable-list .adf-datatable-cell.adf-expand-cell-2,.cdk-drag-preview .adf-datatable-cell-header.adf-expand-cell-2,.cdk-drag-preview .adf-datatable-cell.adf-expand-cell-2{flex-grow:2}.adf-datatable-list .adf-datatable-cell-header.adf-expand-cell-3,.adf-datatable-list .adf-datatable-cell.adf-expand-cell-3,.cdk-drag-preview .adf-datatable-cell-header.adf-expand-cell-3,.cdk-drag-preview .adf-datatable-cell.adf-expand-cell-3{flex-grow:3}.adf-datatable-list .adf-datatable-cell-header.adf-expand-cell-4,.adf-datatable-list .adf-datatable-cell.adf-expand-cell-4,.cdk-drag-preview .adf-datatable-cell-header.adf-expand-cell-4,.cdk-drag-preview .adf-datatable-cell.adf-expand-cell-4{flex-grow:4}.adf-datatable-list .adf-datatable-cell-header.adf-expand-cell-5,.adf-datatable-list .adf-datatable-cell.adf-expand-cell-5,.cdk-drag-preview .adf-datatable-cell-header.adf-expand-cell-5,.cdk-drag-preview .adf-datatable-cell.adf-expand-cell-5{flex-grow:5}.adf-datatable-list .adf-datatable-cell-header.adf-no-grow-cell,.adf-datatable-list .adf-datatable-cell.adf-no-grow-cell,.cdk-drag-preview .adf-datatable-cell-header.adf-no-grow-cell,.cdk-drag-preview .adf-datatable-cell.adf-no-grow-cell{flex-grow:0;min-width:100px}.adf-datatable-list .adf-datatable-cell-header.adf-min-width-cell,.adf-datatable-list .adf-datatable-cell.adf-min-width-cell,.cdk-drag-preview .adf-datatable-cell-header.adf-min-width-cell,.cdk-drag-preview .adf-datatable-cell.adf-min-width-cell{min-width:110px}.adf-datatable-list .adf-datatable-cell,.cdk-drag-preview .adf-datatable-cell{color:var(--adf-theme-foreground-text-color);min-height:inherit}.adf-datatable-list .adf-datatable-cell,.adf-datatable-list .adf-datatable-cell-header,.cdk-drag-preview .adf-datatable-cell,.cdk-drag-preview .adf-datatable-cell-header{flex:1;padding:0;align-items:center;display:flex;align-self:stretch}.adf-datatable-list .adf-datatable-cell:first-child,.adf-datatable-list .adf-datatable-cell-header:first-child,.cdk-drag-preview .adf-datatable-cell:first-child,.cdk-drag-preview .adf-datatable-cell-header:first-child{margin-left:15px;box-sizing:content-box}.adf-datatable-list .adf-datatable-cell.adf-drag-column,.adf-datatable-list .adf-datatable-cell-header.adf-drag-column,.cdk-drag-preview .adf-datatable-cell.adf-drag-column,.cdk-drag-preview .adf-datatable-cell-header.adf-drag-column{flex:0}.adf-datatable-list .adf-datatable-cell .adf-datatable-cell-container,.adf-datatable-list .adf-datatable-cell-header .adf-datatable-cell-container,.cdk-drag-preview .adf-datatable-cell .adf-datatable-cell-container,.cdk-drag-preview .adf-datatable-cell-header .adf-datatable-cell-container{overflow:hidden;min-height:inherit;align-items:center;display:flex;width:100%;padding:0 10px}.adf-datatable-list .adf-datatable-cell .adf-datatable-cell-value,.adf-datatable-list .adf-datatable-cell-header .adf-datatable-cell-value,.cdk-drag-preview .adf-datatable-cell .adf-datatable-cell-value,.cdk-drag-preview .adf-datatable-cell-header .adf-datatable-cell-value{word-break:break-word;display:block}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-datatable-list .adf-datatable-cell .adf-datatable-cell-value,.adf-datatable-list .adf-datatable-cell-header .adf-datatable-cell-value,.cdk-drag-preview .adf-datatable-cell .adf-datatable-cell-value,.cdk-drag-preview .adf-datatable-cell-header .adf-datatable-cell-value{padding:17px 10px 10px}}.adf-datatable-list .adf-datatable-row .adf-datatable-actions-menu,.cdk-drag-preview .adf-datatable-row .adf-datatable-actions-menu{margin-left:auto;justify-content:end;padding-right:15px}.adf-datatable-list .adf-datatable-row .adf-datatable-actions-menu:focus-visible .adf-datatable-hide-actions-without-hover,.adf-datatable-list .adf-datatable-row .adf-datatable-actions-menu:focus-within .adf-datatable-hide-actions-without-hover,.cdk-drag-preview .adf-datatable-row .adf-datatable-actions-menu:focus-visible .adf-datatable-hide-actions-without-hover,.cdk-drag-preview .adf-datatable-row .adf-datatable-actions-menu:focus-within .adf-datatable-hide-actions-without-hover{visibility:visible}.adf-datatable-list .adf-datatable-row .adf-datatable-actions-menu-provided,.cdk-drag-preview .adf-datatable-row .adf-datatable-actions-menu-provided{max-width:100px!important;justify-content:center;padding-right:0}.adf-datatable-list .adf-datatable-checkbox,.cdk-drag-preview .adf-datatable-checkbox{display:flex;justify-content:center}.adf-datatable-list .adf-cell-value,.cdk-drag-preview .adf-cell-value{display:flex;min-height:inherit;align-items:center;word-break:break-all;width:100%}.adf-datatable-list .adf-datatable__actions-cell,.adf-datatable-list .adf-datatable-cell--image,.cdk-drag-preview .adf-datatable__actions-cell,.cdk-drag-preview .adf-datatable-cell--image{max-width:65px;display:flex}.adf-datatable-list .adf-datatable__actions-cell .adf-cell-value,.adf-datatable-list .adf-datatable-cell--image .adf-cell-value,.cdk-drag-preview .adf-datatable__actions-cell .adf-cell-value,.cdk-drag-preview .adf-datatable-cell--image .adf-cell-value{width:unset}.adf-datatable-list .adf-datatable-row:not(:hover) .adf-datatable-hide-actions-without-hover,.cdk-drag-preview .adf-datatable-row:not(:hover) .adf-datatable-hide-actions-without-hover{visibility:hidden}.adf-datatable-list .adf-datatable-cell--image,.cdk-drag-preview .adf-datatable-cell--image{max-width:65px}.adf-datatable-list .adf-location-cell a,.cdk-drag-preview .adf-location-cell a{text-decoration:none;color:var(--adf-theme-foreground-text-color)}.adf-datatable-list .adf-location-cell a:hover,.cdk-drag-preview .adf-location-cell a:hover{color:var(--theme-accent-500);text-decoration:underline}.adf-datatable-list .adf-sr-only,.cdk-drag-preview .adf-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.adf-datatable-list .adf-is-selected,.cdk-drag-preview .adf-is-selected{background:var(--adf-theme-primary-100)}.adf-datatable-list .adf-datatable-link,.cdk-drag-preview .adf-datatable-link{text-decoration:none;color:var(--adf-theme-foreground-text-color)}.adf-datatable-list .adf-datatable-link:hover,.cdk-drag-preview .adf-datatable-link:hover{color:var(--theme-accent-500);text-decoration:underline}.adf-datatable-list .adf-dynamic-column .adf-datatable-link:hover,.cdk-drag-preview .adf-dynamic-column .adf-datatable-link:hover{text-decoration:none}.adf-datatable-list .adf-dynamic-column .adf-datatable-link:hover .adf-datatable-cell-value,.cdk-drag-preview .adf-dynamic-column .adf-datatable-link:hover .adf-datatable-cell-value{text-decoration:underline}.adf-datatable-list .adf-ellipsis-cell,.cdk-drag-preview .adf-ellipsis-cell{position:sticky;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.adf-datatable-list .adf-ellipsis-cell.adf-datatable-cell-header,.adf-datatable-list .adf-ellipsis-cell .adf-datatable-content-cell,.cdk-drag-preview .adf-ellipsis-cell.adf-datatable-cell-header,.cdk-drag-preview .adf-ellipsis-cell .adf-datatable-content-cell{max-width:calc(100% - .1px);overflow:hidden;text-overflow:ellipsis}.adf-datatable-list .adf-ellipsis-cell.adf-datatable-cell-header .adf-datatable-cell-value,.adf-datatable-list .adf-ellipsis-cell .adf-datatable-content-cell .adf-datatable-cell-value,.cdk-drag-preview .adf-ellipsis-cell.adf-datatable-cell-header .adf-datatable-cell-value,.cdk-drag-preview .adf-ellipsis-cell .adf-datatable-content-cell .adf-datatable-cell-value{overflow:hidden;text-overflow:ellipsis}.adf-datatable-list .adf-ellipsis-cell .adf-datatable-content-cell,.cdk-drag-preview .adf-ellipsis-cell .adf-datatable-content-cell{overflow:unset}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-datatable-list .adf-ellipsis-cell .adf-cell-value,.cdk-drag-preview .adf-ellipsis-cell .adf-cell-value{top:100%}}.adf-datatable-list .adf-ellipsis-cell>div:after,.cdk-drag-preview .adf-ellipsis-cell>div:after{content:attr(title);overflow:hidden;height:0;display:block}.adf-datatable-list .adf-no-content-container.adf-datatable-cell,.cdk-drag-preview .adf-no-content-container.adf-datatable-cell{padding:0;border:none;width:100%;justify-content:center}.adf-datatable-list .adf-no-content-container.adf-datatable-cell>img,.cdk-drag-preview .adf-no-content-container.adf-datatable-cell>img{width:100%}.adf-datatable-list .adf-loading-content-container,.cdk-drag-preview .adf-loading-content-container{padding:0;width:100%}.adf-datatable-list .adf-loading-content-container>img,.cdk-drag-preview .adf-loading-content-container>img{width:100%}.adf-datatable-list .adf-no-permission__row:hover,.cdk-drag-preview .adf-no-permission__row:hover{cursor:default;background-color:inherit}.adf-datatable-list .adf-no-permission__cell.adf-datatable-cell,.cdk-drag-preview .adf-no-permission__cell.adf-datatable-cell{padding:0}.adf-datatable-list .adf-hidden,.cdk-drag-preview .adf-hidden{display:none}@media all and (width <= 768px){.adf-datatable-list .adf-desktop-only.adf-ellipsis-cell,.cdk-drag-preview .adf-desktop-only.adf-ellipsis-cell{display:none}}@media (device-width <= 768px){.adf-datatable-list .adf-desktop-only.adf-ellipsis-cell,.cdk-drag-preview .adf-desktop-only.adf-ellipsis-cell{display:none}}.adf-datatable-cell-header{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:flex;align-items:center;text-overflow:ellipsis;font-weight:700;line-height:24px;letter-spacing:0;min-height:var(--theme-display-3-font-size);font-size:var(--theme-caption-font-size);color:var(--adf-theme-foreground-text-color);box-sizing:border-box}.adf-datatable-cell-header_subtitle{margin-left:3px;opacity:.6}.adf-datatable-cell-header.adf-sortable{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;align-items:center}.adf-datatable-cell-header .adf-datatable__header--sorted-asc,.adf-datatable-cell-header .adf-datatable__header--sorted-desc{color:var(--adf-theme-foreground-text-color);padding-right:.25rem}.adf-datatable-cell-header .adf-datatable__header--sorted-asc:after,.adf-datatable-cell-header .adf-datatable__header--sorted-desc:after{font-family:Material Icons;font-weight:400;font-style:normal;font-size:var(--theme-headline-font-size);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;word-wrap:normal;font-feature-settings:\"liga\";font-size:var(--theme-subheading-2-font-size);content:\"\\e5d8\";left:5px;right:5px;position:relative;vertical-align:middle}.adf-datatable-cell-header .adf-datatable__header--sorted-desc:after{content:\"\\e5db\"}.adf-datatable-cell-header .adf-datatable-cell--fileSize.adf-datatable__header--sorted-asc:before,.adf-datatable-cell-header .adf-datatable-cell--fileSize.adf-datatable__header--sorted-desc:before{left:-3px;right:-3px}.adf-datatable-cell-header .adf-datatable-cell-header-content{display:flex;flex-grow:1;align-items:center;margin:0 2px;padding:0 8px}.adf-datatable-cell-header .adf-datatable-cell-header-content .adf-datatable-cell-header-drag-icon-placeholder{padding:0;margin:0}.adf-datatable-cell-header .adf-datatable-cell-header-content--hovered{background-color:var(--adf-theme-background-hover-color);border-radius:6px}.adf-datatable-cell-header .adf-datatable-cell-header-drag-icon{margin-left:auto;cursor:move;margin-right:-.5rem;padding-left:-.5rem}.adf-datatable-cell-header .adf-datatable-cell-header-drag-icon-visible{display:flex}.adf-datatable-cell-header .adf-datatable-cell-value{padding-top:10px;padding-bottom:10px;line-height:24px;word-break:break-word}.adf-drop-header-cell-placeholder{display:flex;flex:1;background:var(--adf-theme-background-hover-color);border:dotted 1px rgba(0,0,0,.25);min-height:55px;transition:transform .25s cubic-bezier(0,0,.2,1)}.adf-datatable-cell-header.adf-ellipsis-cell .adf-datatable-cell-header-content{white-space:nowrap;overflow:hidden}.adf-datatable-cell-header.adf-ellipsis-cell .adf-datatable-cell-header-content--hovered .adf-datatable-cell-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cdk-drag-preview{min-height:var(--theme-display-3-font-size);display:flex;flex-direction:row;align-items:center;box-sizing:unset;background-color:var(--theme-background-color);border-top:2px solid var(--theme-selected-background-color);opacity:1}.cdk-drag-preview.adf-datatable-cell-header{border-radius:6px;background-color:var(--theme-background-color);transition:box-shadow .28s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.adf-checkbox-sr-only .mdc-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.adf-sticky-header{border-top:0;height:100%}.adf-sticky-header .adf-datatable-header{display:block;margin-right:0;border-top:1px solid var(--adf-theme-foreground-text-color-007);border-bottom:1px solid var(--adf-theme-foreground-text-color-007)}.adf-sticky-header .adf-datatable-body{display:block;flex:1;overflow:hidden auto;margin-top:-1px}.adf-upload__dragging>div{border-top:1px dashed var(--theme-accent-color-a200);border-bottom:1px dashed var(--theme-accent-color-a200)}.adf-upload__dragging>div:first-child{border-left:1px dashed var(--theme-accent-color-a200)}.adf-upload__dragging>div:last-child{border-right:1px dashed var(--theme-accent-color-a200)}.adf-datatable--empty{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;min-height:0;justify-content:center;align-items:center;height:inherit}.adf-datatable--empty .adf-datatable-body[role=rowgroup] .adf-datatable-row{height:100%;background-color:var(--adf-theme-background-card-color);border:none}.adf-datatable--empty .adf-datatable-body[role=rowgroup] .adf-datatable-row:hover,.adf-datatable--empty .adf-datatable-body[role=rowgroup] .adf-datatable-row:focus{background-color:unset;cursor:default}.adf-datatable--empty--header-visible .adf-datatable-header{border:1px solid var(--adf-theme-foreground-text-color-007)}.adf-datatable--empty--header-visible .adf-datatable-body{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;min-height:0;justify-content:center;align-items:center}.adf-datatable--empty--header-visible .adf-datatable-body .adf-datatable-row{height:100%;background-color:var(--adf-theme-background-card-color);border:none}.adf-datatable--empty--header-visible .adf-datatable-body .adf-datatable-row:hover,.adf-datatable--empty--header-visible .adf-datatable-body .adf-datatable-row:focus{background-color:unset;cursor:default}@media screen and (width <= 380px){.adf-datatable-header{max-height:50%}}\n"] }]
+                    ], encapsulation: ViewEncapsulation.None, host: { class: 'adf-datatable' }, template: "<div\n    role=\"grid\"\n    *ngIf=\"data\"\n    class=\"adf-datatable-list\"\n    [class.adf-sticky-header]=\"isStickyHeaderEnabled()\"\n    [class.adf-datatable--empty]=\"(isEmpty() && !isHeaderVisible()) || loading\"\n    [class.adf-datatable--empty--header-visible]=\"isEmpty() && isHeaderVisible()\"\n>\n    <div *ngIf=\"isHeaderVisible()\" class=\"adf-datatable-header\" role=\"rowgroup\" [ngClass]=\"{ 'adf-sr-only': !isHeaderVisible() }\">\n        <adf-datatable-row\n            cdkDropList\n            cdkDropListOrientation=\"horizontal\"\n            [cdkDropListSortPredicate]=\"filterDisabledColumns\"\n            data-automation-id=\"datatable-row-header\"\n            [disabled]=\"!isHeaderVisible()\"\n            class=\"adf-datatable-row\"\n            role=\"row\">\n\n\n            <!-- Drag -->\n            <div *ngIf=\"enableDragRows\" class=\"adf-datatable-cell-header adf-drag-column\">\n                <span class=\"adf-sr-only\">{{ 'ADF-DATATABLE.ACCESSIBILITY.DRAG' | translate }}</span>\n            </div>\n\n            <!-- Actions (left) -->\n            <div *ngIf=\"actions && actionsPosition === 'left'\" class=\"adf-actions-column adf-datatable-cell-header\">\n                <span class=\"adf-sr-only\">{{ 'ADF-DATATABLE.ACCESSIBILITY.ACTIONS' | translate }}</span>\n            </div>\n\n            <!-- Columns -->\n            <div *ngIf=\"multiselect\" class=\"adf-datatable-cell-header adf-datatable-checkbox\">\n                <mat-checkbox [indeterminate]=\"isSelectAllIndeterminate\"\n                              [checked]=\"isSelectAllChecked\"\n                              (change)=\"onSelectAllClick($event)\"\n                              class=\"adf-checkbox-sr-only\"\n                              [aria-label]=\"'ADF-DATATABLE.ACCESSIBILITY.SELECT_ALL' | translate\">\n                    {{ 'ADF-DATATABLE.ACCESSIBILITY.SELECT_ALL' | translate }}\n                </mat-checkbox>\n            </div>\n\n            <ng-container\n                *ngFor=\"\n                let col of getVisibleColumns();\n                let columnIndex = index\n                let lastColumn = last\"\n            >\n            <div\n                class=\"adf-datatable-cell--{{col.type || 'text'}} {{col.cssClass}} adf-datatable-cell-header adf-datatable-cell-data\"\n                *ngIf=\"col.title || !showProvidedActions\"\n                [attr.data-automation-id]=\"'auto_id_' + col.key\"\n                [ngClass]=\"{\n                    'adf-sortable': col.sortable,\n                    'adf-datatable__cursor--pointer': !isResizing,\n                    'adf-datatable__header--sorted-asc': isColumnSorted(col, 'asc'),\n                    'adf-datatable__header--sorted-desc': isColumnSorted(col, 'desc')}\"\n                [ngStyle]=\"(col.width) && !lastColumn && {'flex': getFlexValue(col)}\"\n                [attr.aria-label]=\"col.srTitle ? (col.srTitle | translate) : (col.title | translate) + (col.subtitle ? ' ' + (col.subtitle | translate) : '')\"\n                (click)=\"onColumnHeaderClick(col, $event)\"\n                (keyup.enter)=\"onColumnHeaderClick(col, $event)\"\n                role=\"columnheader\"\n                [attr.tabindex]=\"isHeaderVisible() ? 0 : null\"\n                [attr.aria-sort]=\"col.sortable ? (getAriaSort(col) | translate) : null\"\n                cdkDrag\n                cdkDragLockAxis=\"x\"\n                (cdkDragStarted)=\"isDraggingHeaderColumn = true\"\n                (cdkDragDropped)=\"onDropHeaderColumn($event)\"\n                [cdkDragDisabled]=\"!col.draggable\"\n                (mouseenter)=\"hoveredHeaderColumnIndex = columnIndex\"\n                (mouseleave)=\"hoveredHeaderColumnIndex = -1\"\n                adf-drop-zone dropTarget=\"header\"\n                [dropColumn]=\"col\"\n            >\n\n            <div\n                adf-resizable\n                #resizableElement=\"adf-resizable\"\n                [coverPadding]=\"10\"\n                (resizing)=\"onResizing($event, columnIndex)\"\n                (resizeStart)=\"resizingColumnIndex = columnIndex\"\n                (resizeEnd)=\"onResizingEnd()\"\n                [attr.data-automation-id]=\"'auto_header_content_id_' + col.key\"\n                class=\"adf-datatable-cell-header-content\"\n                [ngClass]=\"{ 'adf-datatable-cell-header-content--hovered':\n                    hoveredHeaderColumnIndex === columnIndex &&\n                    !isDraggingHeaderColumn &&\n                    !isResizing && col.sortable}\"\n            >\n                <ng-container *ngIf=\"!col.header\">\n                    <span\n                        *ngIf=\"col.title\"\n                        title=\"{{col.title | translate}}\"\n                        class=\"adf-datatable-cell-value\"\n                    >\n                        {{col.title | translate}}\n                    </span>\n\n                    <span\n                        *ngIf=\"col.subtitle\"\n                        title=\"{{col.subtitle | translate}}\"\n                        class=\"adf-datatable-cell-value adf-datatable-cell-header_subtitle\"\n                    >\n                        ({{col.subtitle | translate}})\n                    </span>\n\n                    <span *ngIf=\"col.title && col.sortable && isDraggingHeaderColumn\" class=\"adf-sr-only\" aria-live=\"polite\">\n                        {{ getSortLiveAnnouncement(col) | translate: { string: col.title | translate } }}\n                    </span>\n\n                    <span *ngIf=\"!col.title && !col.sortable && !headerFilterTemplate\" [attr.title]=\"'ADF-DATATABLE.ACCESSIBILITY.EMPTY_HEADER' | translate\"></span>\n                </ng-container>\n\n                <div *ngIf=\"col.header\" class=\"adf-datatable-cell-value\">\n                    <ng-template [ngTemplateOutlet]=\"col.header\" [ngTemplateOutletContext]=\"{$implicit: col}\" />\n                </div>\n\n                <span\n                    [class.adf-datatable__header--sorted-asc]=\"isColumnSorted(col, 'asc')\"\n                    [class.adf-datatable__header--sorted-desc]=\"isColumnSorted(col, 'desc')\">\n                </span>\n\n                <ng-template *ngIf=\"allowFiltering\" [ngTemplateOutlet]=\"headerFilterTemplate\" [ngTemplateOutletContext]=\"{$implicit: col}\" />\n\n                <span\n                    *ngIf=\"col.draggable\"\n                    cdkDragHandle\n                    [ngClass]=\"{ 'adf-datatable-cell-header-drag-icon': !isResizing }\"\n                >\n                    <adf-icon\n                        *ngIf=\"hoveredHeaderColumnIndex === columnIndex && !isResizing\"\n                        value=\"adf:drag_indicator\"\n                        class=\"adf-datatable-cell-header-drag-icon-visible\"\n                        [attr.data-automation-id]=\"'adf-datatable-cell-header-drag-icon-'+col.key\" />\n                </span>\n            </div>\n            <div\n                *ngIf=\"isResizingEnabled && col.resizable && !lastColumn\"\n                [ngClass]=\"hoveredHeaderColumnIndex === columnIndex && !isResizing || resizingColumnIndex === columnIndex ? 'adf-datatable__resize-handle-visible' : 'adf-datatable__resize-handle-hidden'\"\n                adf-resize-handle\n                tabindex=\"0\"\n                role=\"button\"\n                (click)=\"$event.stopPropagation()\"\n                (keyup.enter)=\"$event.stopPropagation()\"\n                class=\"adf-datatable__resize-handle\"\n                [resizableContainer]=\"resizableElement\">\n                <div class=\"adf-datatable__resize-handle--divider\"></div>\n            </div>\n            <div class=\"adf-drop-header-cell-placeholder\" *cdkDragPlaceholder></div>\n        </div>\n            </ng-container>\n\n            <!-- Header actions (right) -->\n            <div\n                *ngIf=\"(actions && actionsPosition === 'right') ||\n                       (mainActionTemplate && showMainDatatableActions)\"\n                class=\"adf-actions-column adf-datatable-actions-menu adf-datatable-cell-header adf-datatable__actions-cell\"\n                [class.adf-datatable-actions-menu-provided]=\"showProvidedActions\"\n            >\n                <ng-container *ngIf=\"mainActionTemplate\">\n                    <button\n                        data-automation-id=\"adf-datatable-main-menu-button\"\n                        title=\"{{ 'ADF-DATATABLE.CONTENT-ACTIONS.SELECT_COLUMNS' | translate }}\"\n                        mat-icon-button\n                        #mainMenuTrigger=\"matMenuTrigger\"\n                        (click)=\"onMainMenuOpen()\"\n                        [matMenuTriggerFor]=\"mainMenu\">\n                        <mat-icon>view_week_outline</mat-icon>\n                    </button>\n                    <mat-menu #mainMenu (closed)=\"onMainMenuClosed()\">\n                        <div #mainMenuTemplate role=\"presentation\" (keydown.tab)=\"$event.stopPropagation()\">\n                            <ng-container\n                                [ngTemplateOutlet]=\"mainActionTemplate\"\n                                [ngTemplateOutletContext]=\"{\n                                    $implicit: mainMenuTrigger\n                                }\" />\n                        </div>\n                    </mat-menu>\n                    <span class=\"adf-sr-only\">{{ 'ADF-DATATABLE.ACCESSIBILITY.ACTIONS' | translate }}</span>\n                </ng-container>\n            </div>\n\n        </adf-datatable-row>\n    </div>\n\n    <div\n        *ngIf=\"!loading; else loadingRowTemplate\"\n        class=\"adf-datatable-body\"\n        [ngClass]=\"{ 'adf-blur-datatable-body': blurOnResize && (isDraggingHeaderColumn || isResizing), 'adf-datatable-body__draggable': enableDragRows && !isDraggingRow, 'adf-datatable-body__dragging': isDraggingRow }\"\n        cdkDropList\n        [cdkDropListDisabled]=\"!enableDragRows\"\n        role=\"rowgroup\">\n        <ng-container *ngIf=\"!noPermission; else noPermissionsRowTemplate\">\n            <adf-datatable-row *ngFor=\"let row of data.getRows(); let idx = index\"\n                cdkDrag\n                [cdkDragDisabled]=\"!enableDragRows\"\n                (cdkDragDropped)=\"onDragDrop($event)\"\n                (cdkDragStarted)=\"onDragStart()\"\n                (cdkDragEnded)=\"onDragEnd()\"\n                [cdkDragBoundary]=\"'.adf-datatable-body'\"\n                [row]=\"row\"\n                (select)=\"onEnterKeyPressed(row, $event)\"\n                (keyup)=\"onRowKeyUp(row, $event)\"\n                (keydown)=\"onRowEnterKeyDown(row, $event)\"\n                [adf-upload]=\"rowAllowsDrop(row)\"\n                [adf-upload-data]=\"row\"\n                [ngStyle]=\"rowStyle\"\n                [ngClass]=\"getRowStyle(row)\"\n                [class.adf-datatable-row__dragging]=\"isDraggingRow\"\n                [attr.data-automation-id]=\"'datatable-row-' + idx\"\n                (contextmenu)=\"markRowAsContextMenuSource(row)\">\n                <!-- Drag button -->\n                <div *ngIf=\"enableDragRows\"\n                        role=\"gridcell\"\n                        class=\"adf-datatable-cell adf-datatable__actions-cell adf-datatable-hover-only\">\n                    <button mat-icon-button\n                            [attr.aria-label]=\"'ADF-DATATABLE.ACCESSIBILITY.DRAG' | translate\">\n                        <mat-icon>drag_indicator</mat-icon>\n                    </button>\n                </div>\n\n                <!-- Actions (left) -->\n                <div *ngIf=\"actions && actionsPosition === 'left'\" role=\"gridcell\" class=\"adf-datatable-cell\">\n                    <button mat-icon-button [matMenuTriggerFor]=\"menu\" #actionsMenuTrigger=\"matMenuTrigger\"\n                            [ngClass]=\"getHideActionsWithoutHoverClass(actionsMenuTrigger)\"\n                            [title]=\"'ADF-DATATABLE.CONTENT-ACTIONS.TOOLTIP' | translate\"\n                            [attr.id]=\"'action_menu_left_' + idx\"\n                            [attr.data-automation-id]=\"'action_menu_' + idx\">\n                        <mat-icon>more_vert</mat-icon>\n                    </button>\n                    <mat-menu #menu=\"matMenu\">\n                        <button mat-menu-item *ngFor=\"let action of getRowActions(row)\"\n                                [attr.data-automation-id]=\"action.title\"\n                                [disabled]=\"action.disabled\"\n                                (click)=\"onExecuteRowAction(row, action)\">\n                            <mat-icon *ngIf=\"action.icon\">{{ action.icon }}</mat-icon>\n                            <span>{{ action.title | translate }}</span>\n                        </button>\n                    </mat-menu>\n                </div>\n\n                <label *ngIf=\"multiselect\"\n                        (keydown.enter)=\"onEnterKeyPressed(row, $any($event))\"\n                        (click)=\"onCheckboxLabelClick(row, $event)\"\n                        [for]=\"'select-file-' + idx\"\n                        class=\"adf-datatable-cell adf-datatable-checkbox adf-datatable-checkbox-single\"\n                        tabindex=\"0\">\n                    <mat-checkbox\n                        [id]=\"'select-file-' + idx\"\n                        [disabled]=\"!row?.isSelectable\"\n                        [class.adf-datatable-checkbox-selected]=\"row.isSelected\"\n                        [class.adf-datatable-hover-only]=\"displayCheckboxesOnHover\"\n                        [checked]=\"row.isSelected\"\n                        [attr.aria-checked]=\"row.isSelected\"\n                        [aria-label]=\"'ADF-DATATABLE.ACCESSIBILITY.SELECT_FILE' | translate\"\n                        data-adf-datatable-row-checkbox\n                        (change)=\"onCheckboxChange(row, $event)\"\n                        (keydown.enter)=\"$event.stopPropagation()\"\n                        class=\"adf-checkbox-sr-only\"\n                    >\n                        {{ 'ADF-DATATABLE.ACCESSIBILITY.SELECT_FILE' | translate }}\n                    </mat-checkbox>\n                </label>\n\n                <div\n                    *ngFor=\"let col of getVisibleColumns(); let lastColumn = last;\"\n                    role=\"gridcell\"\n                    class=\"adf-datatable-cell adf-datatable-cell--{{col.type || 'text'}} {{col.cssClass}} adf-datatable-cell-data adf-datatable-cell--{{getAutomationValue(row)}}\"\n                    [attr.title]=\"col.title | translate\"\n                    [attr.data-automation-id]=\"getAutomationValue(row)\"\n                    [attr.aria-selected]=\"row.isSelected\"\n                    [attr.aria-label]=\"col.title ? (col.title | translate) : null\"\n                    (click)=\"onRowClick(row, $event)\"\n                    tabindex=\"0\"\n                    (keydown.enter)=\"onEnterKeyPressed(row, $any($event))\"\n                    [adf-context-menu]=\"getContextMenuActions(row, col)\"\n                    [adf-context-menu-enabled]=\"contextMenu\"\n                    adf-drop-zone dropTarget=\"cell\" [dropColumn]=\"col\" [dropRow]=\"row\"\n                    [ngStyle]=\"(col.width) && !lastColumn && {'flex': getFlexValue(col)}\"\n                >\n                    <div *ngIf=\"!col.template\" class=\"adf-datatable-cell-container\">\n                        <ng-container [ngSwitch]=\"data.getColumnType(row, col)\">\n                            <div *ngSwitchCase=\"'image'\" class=\"adf-cell-value\">\n                                <mat-icon\n                                    [attr.aria-label]=\"col.srTitle? (col.srTitle | translate) : null\"\n                                    [attr.aria-hidden]=\"!asIconValue(row, col)\"\n                                    *ngIf=\"isIconValue(row, col); else no_iconvalue\">\n                                    {{ asIconValue(row, col) }}\n                                </mat-icon>\n                                <ng-template #no_iconvalue>\n                                    <mat-icon class=\"adf-datatable-selected\"\n                                                *ngIf=\"row.isSelected && !multiselect; else no_selected_row\" svgIcon=\"selected\" />\n                                    <ng-template #no_selected_row>\n                                        <img class=\"adf-datatable-center-img-ie\"\n                                            [attr.aria-label]=\"(data.getValue(row, col) | fileType) === 'disable' ?\n                                                ('ADF-DATATABLE.ACCESSIBILITY.ICON_DISABLED' | translate) :\n                                                'ADF-DATATABLE.ACCESSIBILITY.ICON_TEXT' | translate:{\n                                                    type: 'ADF-DATATABLE.FILE_TYPE.' + (data.getValue(row, col) | fileType | uppercase) | translate\n                                                }\"\n                                            [attr.alt]=\"(data.getValue(row, col) | fileType) === 'disable' ?\n                                                ('ADF-DATATABLE.ACCESSIBILITY.ICON_DISABLED' | translate) :\n                                                'ADF-DATATABLE.ACCESSIBILITY.ICON_TEXT' | translate:{\n                                                        type: 'ADF-DATATABLE.FILE_TYPE.' + (data.getValue(row, col) | fileType | uppercase) | translate\n                                                }\"\n                                            src=\"{{ data.getValue(row, col) }}\"\n                                            (error)=\"onImageLoadingError($event, row)\">\n                                    </ng-template>\n                                </ng-template>\n                            </div>\n\n                            <div *ngSwitchCase=\"'icon'\" class=\"adf-cell-value\">\n                                <adf-icon-cell\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [row]=\"row\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [tooltip]=\"getCellTooltip(row, col)\"\n                                />\n                            </div>\n                            <div\n                                *ngSwitchCase=\"'date'\"\n                                class=\"adf-cell-value adf-cell-date\"\n                                [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\"\n                                [attr.data-automation-id]=\"'date_' + (data.getValue(row, col, resolverFn) | adfLocalizedDate: 'medium') \">\n                                <adf-date-cell class=\"adf-datatable-center-date-column-ie\"\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [row]=\"row\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [tooltip]=\"getCellTooltip(row, col)\"\n                                    [dateConfig]=\"col.dateConfig\" />\n                            </div>\n\n                            <div *ngSwitchCase=\"'location'\" [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\"  class=\"adf-cell-value\"\n                                    [attr.data-automation-id]=\"'location' + data.getValue(row, col, resolverFn)\">\n                                <adf-location-cell\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [row]=\"row\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [tooltip]=\"getCellTooltip(row, col)\" />\n                            </div>\n                            <div *ngSwitchCase=\"'fileSize'\" [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\" class=\"adf-cell-value\"\n                                    [attr.data-automation-id]=\"'fileSize_' + data.getValue(row, col, resolverFn)\">\n                                <adf-filesize-cell class=\"adf-datatable-center-size-column-ie\"\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [row]=\"row\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [tooltip]=\"getCellTooltip(row, col)\" />\n                            </div>\n                            <div *ngSwitchCase=\"'text'\" [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\" class=\"adf-cell-value\"\n                                    [attr.data-automation-id]=\"'text_' + data.getValue(row, col, resolverFn)\">\n                                <adf-datatable-cell\n                                    [copyContent]=\"col.copyContent\"\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [row]=\"row\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [tooltip]=\"getCellTooltip(row, col)\" />\n                            </div>\n                            <div *ngSwitchCase=\"'boolean'\" [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\" class=\"adf-cell-value\"\n                                    [attr.data-automation-id]=\"'boolean_' + data.getValue(row, col, resolverFn)\">\n                                <adf-boolean-cell\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [row]=\"row\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [tooltip]=\"getCellTooltip(row, col)\" />\n                            </div>\n                            <div *ngSwitchCase=\"'json'\" [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\" class=\"adf-cell-value\">\n                                <adf-json-cell\n                                    [editable]=\"col.editable\"\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [row]=\"row\" />\n                            </div>\n                            <div *ngSwitchCase=\"'amount'\"\n                                class=\"adf-cell-value\"\n                                [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\"\n                                [attr.data-automation-id]=\"'amount_' + data.getValue(row, col, resolverFn)\">\n                                <adf-amount-cell\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [row]=\"row\"\n                                    [currencyConfig]=\"col.currencyConfig\" />\n                            </div>\n                            <div *ngSwitchCase=\"'number'\"\n                                class=\"adf-cell-value\"\n                                [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\"\n                                [attr.data-automation-id]=\"'number_' + data.getValue(row, col, resolverFn)\">\n                                <adf-number-cell\n                                    [data]=\"data\"\n                                    [column]=\"col\"\n                                    [resolverFn]=\"resolverFn\"\n                                    [row]=\"row\"\n                                    [decimalConfig]=\"col.decimalConfig\" />\n                            </div>\n                            <span *ngSwitchDefault class=\"adf-cell-value\">\n                    <!-- empty cell for unknown column type -->\n                    </span>\n                        </ng-container>\n                    </div>\n                    <div *ngIf=\"col.template\" class=\"adf-datatable-cell-container\">\n                        <div class=\"adf-cell-value\" [attr.tabindex]=\"col.focus ? 0 : null\">\n                            <ng-container\n                                [ngTemplateOutlet]=\"col.template\"\n                                [ngTemplateOutletContext]=\"{ $implicit: { data: data, row: row, col: col }, value: data.getValue(row, col, resolverFn) }\" />\n                        </div>\n                    </div>\n                </div>\n\n                <!-- Row actions (right) -->\n                <div *ngIf=\"\n                        !showProvidedActions &&\n                        ((actions && actionsPosition === 'right') ||\n                        (mainActionTemplate && showMainDatatableActions))\"\n                        role=\"gridcell\"\n                        tabindex=\"0\"\n                        class=\"adf-datatable-cell adf-datatable__actions-cell adf-datatable-center-actions-column-ie adf-datatable-actions-menu\">\n\n                    <ng-container *ngIf=\"(actions && actionsPosition === 'right')\">\n                        <button mat-icon-button [matMenuTriggerFor]=\"menu\" #actionsMenuTrigger=\"matMenuTrigger\"\n                                [ngClass]=\"getHideActionsWithoutHoverClass(actionsMenuTrigger)\"\n                                [attr.aria-label]=\"'ADF-DATATABLE.ACCESSIBILITY.ROW_OPTION_BUTTON' | translate\"\n                                [title]=\"'ADF-DATATABLE.CONTENT-ACTIONS.TOOLTIP' | translate\"\n                                [attr.id]=\"'action_menu_right_' + idx\"\n                                [attr.data-automation-id]=\"'action_menu_' + idx\"\n                                (keydown.enter)=\"actionsMenuTrigger.openMenu()\">\n                            <mat-icon>more_vert</mat-icon>\n                        </button>\n                        <mat-menu #menu=\"matMenu\">\n                            <button mat-menu-item *ngFor=\"let action of getRowActions(row)\"\n                                    [attr.data-automation-id]=\"action.title\"\n                                    [attr.aria-label]=\"action.title | translate\"\n                                    [disabled]=\"action.disabled\"\n                                    (click)=\"onExecuteRowAction(row, action)\">\n                                <mat-icon *ngIf=\"action.icon\">{{ action.icon }}</mat-icon>\n                                <span>{{ action.title | translate }}</span>\n                            </button>\n                        </mat-menu>\n                    </ng-container>\n                </div>\n            </adf-datatable-row>\n            <div *ngIf=\"isEmpty()\" role=\"row\" class=\"adf-datatable-row\">\n                <div class=\"adf-no-content-container adf-datatable-cell\" role=\"gridcell\">\n                    <ng-template *ngIf=\"noContentTemplate\"\n                                    ngFor [ngForOf]=\"[data]\"\n                                    [ngForTemplate]=\"noContentTemplate\" />\n                    <ng-content select=\"adf-empty-list\" />\n                </div>\n            </div>\n        </ng-container>\n\n        <ng-template #noPermissionsRowTemplate>\n            <div\n                role=\"row\"\n                class=\"adf-datatable-row adf-no-permission__row\">\n                <div class=\"adf-no-permission__cell adf-no-content-container adf-datatable-cell\">\n                    <ng-template *ngIf=\"noPermissionTemplate\"\n                                ngFor [ngForOf]=\"[data]\"\n                                [ngForTemplate]=\"noPermissionTemplate\" />\n                </div>\n            </div>\n        </ng-template>\n    </div>\n    <ng-template #loadingRowTemplate>\n        <div class=\"adf-datatable-row adf-datatable-data-loading\">\n            <div class=\"adf-no-content-container adf-datatable-cell\">\n                <ng-template *ngIf=\"loadingTemplate\"\n                             ngFor [ngForOf]=\"[data]\"\n                             [ngForTemplate]=\"loadingTemplate\" />\n            </div>\n        </div>\n    </ng-template>\n</div>\n", styles: [".adf-datatable{overflow-y:scroll;height:100%;display:block}.adf-datatable .adf-full-width{width:100%}.adf-datatable__resize-handle{padding:0 2px}.adf-datatable__resize-handle-visible{visibility:visible}.adf-datatable__resize-handle-hidden{visibility:hidden}.adf-datatable__resize-handle--divider{padding:24px 0;border:1px solid var(--adf-theme-foreground-text-color-007)}.adf-datatable__resize-handle:hover{cursor:col-resize}.adf-datatable__cursor--pointer:hover{cursor:pointer}.adf-datatable-list,.cdk-drag-preview{display:flex;flex-direction:column;background-color:var(--adf-theme-background-card-color);border:1px solid var(--adf-theme-foreground-text-color-007);box-sizing:border-box;overflow-x:auto}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-datatable-list .adf-datatable-center-size-column-ie,.cdk-drag-preview .adf-datatable-center-size-column-ie{padding-top:17px}.adf-datatable-list .adf-datatable__actions-cell.adf-datatable-center-actions-column-ie,.cdk-drag-preview .adf-datatable__actions-cell.adf-datatable-center-actions-column-ie{padding-top:7px}.adf-datatable-list .adf-cell-date.adf-datatable-center-date-column-ie,.cdk-drag-preview .adf-cell-date.adf-datatable-center-date-column-ie{position:relative}.adf-datatable-list .adf-cell-date.adf-datatable-center-date-column-ie .adf-datatable-cell-value,.cdk-drag-preview .adf-cell-date.adf-datatable-center-date-column-ie .adf-datatable-cell-value{width:100%}.adf-datatable-list .adf-datatable-center-img-ie,.cdk-drag-preview .adf-datatable-center-img-ie{padding:0;min-width:0;width:24px;height:56px}}.adf-datatable-list .adf-datatable-header,.cdk-drag-preview .adf-datatable-header{display:flex;flex-direction:column;width:fit-content;min-width:100%;box-sizing:border-box}.adf-datatable-list .adf-datatable-header .adf-datatable-row,.cdk-drag-preview .adf-datatable-header .adf-datatable-row{padding-right:15px}.adf-datatable-list .adf-datatable-header .adf-datatable-row:hover,.adf-datatable-list .adf-datatable-header .adf-datatable-row:focus,.cdk-drag-preview .adf-datatable-header .adf-datatable-row:hover,.cdk-drag-preview .adf-datatable-header .adf-datatable-row:focus{background-color:inherit}.adf-datatable-list .adf-datatable-row:not(.adf-datatable-data-loading):hover,.adf-datatable-list .adf-datatable-row:not(.adf-datatable-data-loading):focus,.cdk-drag-preview .adf-datatable-row:not(.adf-datatable-data-loading):hover,.cdk-drag-preview .adf-datatable-row:not(.adf-datatable-data-loading):focus{background-color:var(--adf-theme-background-hover-color)}.adf-datatable-list .adf-datatable-row:focus,.cdk-drag-preview .adf-datatable-row:focus{outline-offset:-1px;outline:1px solid var(--theme-accent-color-a200)}.adf-datatable-list .adf-datatable-row .adf-cell-value:focus,.adf-datatable-list .adf-datatable-row .adf-datatable-cell-header:focus,.cdk-drag-preview .adf-datatable-row .adf-cell-value:focus,.cdk-drag-preview .adf-datatable-row .adf-datatable-cell-header:focus{outline-offset:-1px;outline:1px solid var(--theme-accent-color-a200)}.adf-datatable-list .adf-blur-datatable-body,.cdk-drag-preview .adf-blur-datatable-body{filter:blur(3px)}.adf-datatable-list .adf-datatable-body,.cdk-drag-preview .adf-datatable-body{display:flex;flex-direction:column;background-color:inherit;width:100%;min-width:100%}.adf-datatable-list .adf-datatable-body.adf-datatable-body__draggable,.cdk-drag-preview .adf-datatable-body.adf-datatable-body__draggable{cursor:grab}.adf-datatable-list .adf-datatable-body.adf-datatable-body__dragging,.cdk-drag-preview .adf-datatable-body.adf-datatable-body__dragging{cursor:grabbing}.adf-datatable-list .adf-datatable-body .adf-datatable-row,.cdk-drag-preview .adf-datatable-body .adf-datatable-row{transition-duration:.28s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:background-color;border-top:1px solid var(--adf-theme-foreground-text-color-007);min-height:var(--theme-display-3-font-size);cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.adf-datatable-list .adf-datatable-body .adf-datatable-row.adf-is-selected,.adf-datatable-list .adf-datatable-body .adf-datatable-row.adf-is-selected:hover,.cdk-drag-preview .adf-datatable-body .adf-datatable-row.adf-is-selected,.cdk-drag-preview .adf-datatable-body .adf-datatable-row.adf-is-selected:hover{background-color:var(--adf-theme-background-selected-button-color)}.adf-datatable-list .adf-datatable-body .adf-datatable-row.adf-drag-row,.cdk-drag-preview .adf-datatable-body .adf-datatable-row.adf-drag-row{cursor:grab}.adf-datatable-list .adf-datatable-body .adf-datatable-row:last-child,.cdk-drag-preview .adf-datatable-body .adf-datatable-row:last-child{border-bottom:1px solid var(--adf-theme-foreground-text-color-007)}.adf-datatable-list .adf-datatable-body .adf-datatable-row label,.cdk-drag-preview .adf-datatable-body .adf-datatable-row label{cursor:inherit}.adf-datatable-list .adf-datatable-row,.cdk-drag-preview .adf-datatable-row{display:flex;align-items:center}.adf-datatable-list .adf-datatable-row:hover .adf-datatable-hover-only,.cdk-drag-preview .adf-datatable-row:hover .adf-datatable-hover-only{visibility:visible}.adf-datatable-list .adf-datatable-row .adf-datatable-hover-only,.cdk-drag-preview .adf-datatable-row .adf-datatable-hover-only{visibility:hidden}.adf-datatable-list .adf-datatable-row .adf-datatable-hover-only.adf-datatable-checkbox-selected,.cdk-drag-preview .adf-datatable-row .adf-datatable-hover-only.adf-datatable-checkbox-selected{visibility:visible}.adf-datatable-list .adf-datatable-row .adf-datatable-checkbox,.cdk-drag-preview .adf-datatable-row .adf-datatable-checkbox{max-width:65px;width:65px}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-datatable-list .adf-datatable-row .adf-datatable-checkbox,.cdk-drag-preview .adf-datatable-row .adf-datatable-checkbox{padding-top:15px}}.adf-datatable-list .adf-datatable-cell,.adf-datatable-list .adf-datatable-cell-header,.cdk-drag-preview .adf-datatable-cell,.cdk-drag-preview .adf-datatable-cell-header{text-align:left;box-sizing:border-box;min-width:65px}.adf-datatable-list .adf-datatable-cell--text,.adf-datatable-list .adf-datatable-cell-header--text,.cdk-drag-preview .adf-datatable-cell--text,.cdk-drag-preview .adf-datatable-cell-header--text{text-align:left;position:relative}.adf-datatable-list .adf-datatable-cell--date,.adf-datatable-list .adf-datatable-cell-header--date,.cdk-drag-preview .adf-datatable-cell--date,.cdk-drag-preview .adf-datatable-cell-header--date{text-align:left}.adf-datatable-list .adf-datatable-cell--number,.adf-datatable-list .adf-datatable-cell-header--number,.cdk-drag-preview .adf-datatable-cell--number,.cdk-drag-preview .adf-datatable-cell-header--number{text-align:right}.adf-datatable-list .adf-datatable-cell--image,.adf-datatable-list .adf-datatable-cell--icon,.adf-datatable-list .adf-datatable-cell-header--image,.adf-datatable-list .adf-datatable-cell-header--icon,.cdk-drag-preview .adf-datatable-cell--image,.cdk-drag-preview .adf-datatable-cell--icon,.cdk-drag-preview .adf-datatable-cell-header--image,.cdk-drag-preview .adf-datatable-cell-header--icon{padding-left:24px;padding-right:24px;width:65px;min-width:65px;text-align:left}.adf-datatable-list .adf-datatable-cell--fileSize,.adf-datatable-list .adf-datatable-cell-header--fileSize,.cdk-drag-preview .adf-datatable-cell--fileSize,.cdk-drag-preview .adf-datatable-cell-header--fileSize{min-width:65px}.adf-datatable-list .adf-datatable-cell button .mat-icon,.adf-datatable-list .adf-datatable-cell-header button .mat-icon,.cdk-drag-preview .adf-datatable-cell button .mat-icon,.cdk-drag-preview .adf-datatable-cell-header button .mat-icon{margin-top:-10px}.adf-datatable-list .adf-datatable-cell-header.adf-expand-cell-1,.adf-datatable-list .adf-datatable-cell.adf-expand-cell-1,.cdk-drag-preview .adf-datatable-cell-header.adf-expand-cell-1,.cdk-drag-preview .adf-datatable-cell.adf-expand-cell-1{flex-grow:1}.adf-datatable-list .adf-datatable-cell-header.adf-expand-cell-2,.adf-datatable-list .adf-datatable-cell.adf-expand-cell-2,.cdk-drag-preview .adf-datatable-cell-header.adf-expand-cell-2,.cdk-drag-preview .adf-datatable-cell.adf-expand-cell-2{flex-grow:2}.adf-datatable-list .adf-datatable-cell-header.adf-expand-cell-3,.adf-datatable-list .adf-datatable-cell.adf-expand-cell-3,.cdk-drag-preview .adf-datatable-cell-header.adf-expand-cell-3,.cdk-drag-preview .adf-datatable-cell.adf-expand-cell-3{flex-grow:3}.adf-datatable-list .adf-datatable-cell-header.adf-expand-cell-4,.adf-datatable-list .adf-datatable-cell.adf-expand-cell-4,.cdk-drag-preview .adf-datatable-cell-header.adf-expand-cell-4,.cdk-drag-preview .adf-datatable-cell.adf-expand-cell-4{flex-grow:4}.adf-datatable-list .adf-datatable-cell-header.adf-expand-cell-5,.adf-datatable-list .adf-datatable-cell.adf-expand-cell-5,.cdk-drag-preview .adf-datatable-cell-header.adf-expand-cell-5,.cdk-drag-preview .adf-datatable-cell.adf-expand-cell-5{flex-grow:5}.adf-datatable-list .adf-datatable-cell-header.adf-no-grow-cell,.adf-datatable-list .adf-datatable-cell.adf-no-grow-cell,.cdk-drag-preview .adf-datatable-cell-header.adf-no-grow-cell,.cdk-drag-preview .adf-datatable-cell.adf-no-grow-cell{flex-grow:0;min-width:100px}.adf-datatable-list .adf-datatable-cell-header.adf-min-width-cell,.adf-datatable-list .adf-datatable-cell.adf-min-width-cell,.cdk-drag-preview .adf-datatable-cell-header.adf-min-width-cell,.cdk-drag-preview .adf-datatable-cell.adf-min-width-cell{min-width:110px}.adf-datatable-list .adf-datatable-cell,.cdk-drag-preview .adf-datatable-cell{color:var(--adf-theme-foreground-text-color);min-height:inherit}.adf-datatable-list .adf-datatable-cell,.adf-datatable-list .adf-datatable-cell-header,.cdk-drag-preview .adf-datatable-cell,.cdk-drag-preview .adf-datatable-cell-header{flex:1;padding:0;align-items:center;display:flex;align-self:stretch}.adf-datatable-list .adf-datatable-cell:first-child,.adf-datatable-list .adf-datatable-cell-header:first-child,.cdk-drag-preview .adf-datatable-cell:first-child,.cdk-drag-preview .adf-datatable-cell-header:first-child{margin-left:15px;box-sizing:content-box}.adf-datatable-list .adf-datatable-cell.adf-drag-column,.adf-datatable-list .adf-datatable-cell-header.adf-drag-column,.cdk-drag-preview .adf-datatable-cell.adf-drag-column,.cdk-drag-preview .adf-datatable-cell-header.adf-drag-column{flex:0}.adf-datatable-list .adf-datatable-cell .adf-datatable-cell-container,.adf-datatable-list .adf-datatable-cell-header .adf-datatable-cell-container,.cdk-drag-preview .adf-datatable-cell .adf-datatable-cell-container,.cdk-drag-preview .adf-datatable-cell-header .adf-datatable-cell-container{overflow:hidden;min-height:inherit;align-items:center;display:flex;width:100%;padding:0 10px}.adf-datatable-list .adf-datatable-cell .adf-datatable-cell-value,.adf-datatable-list .adf-datatable-cell-header .adf-datatable-cell-value,.cdk-drag-preview .adf-datatable-cell .adf-datatable-cell-value,.cdk-drag-preview .adf-datatable-cell-header .adf-datatable-cell-value{word-break:break-word;display:block}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-datatable-list .adf-datatable-cell .adf-datatable-cell-value,.adf-datatable-list .adf-datatable-cell-header .adf-datatable-cell-value,.cdk-drag-preview .adf-datatable-cell .adf-datatable-cell-value,.cdk-drag-preview .adf-datatable-cell-header .adf-datatable-cell-value{padding:17px 10px 10px}}.adf-datatable-list .adf-datatable-row .adf-datatable-actions-menu,.cdk-drag-preview .adf-datatable-row .adf-datatable-actions-menu{margin-left:auto;justify-content:end;padding-right:15px}.adf-datatable-list .adf-datatable-row .adf-datatable-actions-menu:focus-visible .adf-datatable-hide-actions-without-hover,.adf-datatable-list .adf-datatable-row .adf-datatable-actions-menu:focus-within .adf-datatable-hide-actions-without-hover,.cdk-drag-preview .adf-datatable-row .adf-datatable-actions-menu:focus-visible .adf-datatable-hide-actions-without-hover,.cdk-drag-preview .adf-datatable-row .adf-datatable-actions-menu:focus-within .adf-datatable-hide-actions-without-hover{visibility:visible}.adf-datatable-list .adf-datatable-row .adf-datatable-actions-menu-provided,.cdk-drag-preview .adf-datatable-row .adf-datatable-actions-menu-provided{max-width:100px!important;justify-content:center;padding-right:0}.adf-datatable-list .adf-datatable-checkbox,.cdk-drag-preview .adf-datatable-checkbox{display:flex;justify-content:center}.adf-datatable-list .adf-cell-value,.cdk-drag-preview .adf-cell-value{display:flex;min-height:inherit;align-items:center;word-break:break-all;width:100%}.adf-datatable-list .adf-datatable__actions-cell,.adf-datatable-list .adf-datatable-cell--image,.cdk-drag-preview .adf-datatable__actions-cell,.cdk-drag-preview .adf-datatable-cell--image{max-width:65px;display:flex}.adf-datatable-list .adf-datatable__actions-cell .adf-cell-value,.adf-datatable-list .adf-datatable-cell--image .adf-cell-value,.cdk-drag-preview .adf-datatable__actions-cell .adf-cell-value,.cdk-drag-preview .adf-datatable-cell--image .adf-cell-value{width:unset}.adf-datatable-list .adf-datatable-row:not(:hover) .adf-datatable-hide-actions-without-hover,.cdk-drag-preview .adf-datatable-row:not(:hover) .adf-datatable-hide-actions-without-hover{visibility:hidden}.adf-datatable-list .adf-datatable-cell--image,.cdk-drag-preview .adf-datatable-cell--image{max-width:65px}.adf-datatable-list .adf-location-cell a,.cdk-drag-preview .adf-location-cell a{text-decoration:none;color:var(--adf-theme-foreground-text-color)}.adf-datatable-list .adf-location-cell a:hover,.cdk-drag-preview .adf-location-cell a:hover{color:var(--theme-accent-500);text-decoration:underline}.adf-datatable-list .adf-sr-only,.cdk-drag-preview .adf-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.adf-datatable-list .adf-is-selected,.cdk-drag-preview .adf-is-selected{background:var(--adf-theme-primary-100)}.adf-datatable-list .adf-datatable-link,.cdk-drag-preview .adf-datatable-link{text-decoration:none;color:var(--adf-theme-foreground-text-color)}.adf-datatable-list .adf-datatable-link:hover,.cdk-drag-preview .adf-datatable-link:hover{color:var(--theme-accent-500);text-decoration:underline}.adf-datatable-list .adf-dynamic-column .adf-datatable-link:hover,.cdk-drag-preview .adf-dynamic-column .adf-datatable-link:hover{text-decoration:none}.adf-datatable-list .adf-dynamic-column .adf-datatable-link:hover .adf-datatable-cell-value,.cdk-drag-preview .adf-dynamic-column .adf-datatable-link:hover .adf-datatable-cell-value{text-decoration:underline}.adf-datatable-list .adf-ellipsis-cell,.cdk-drag-preview .adf-ellipsis-cell{position:sticky;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.adf-datatable-list .adf-ellipsis-cell.adf-datatable-cell-header,.adf-datatable-list .adf-ellipsis-cell .adf-datatable-content-cell,.cdk-drag-preview .adf-ellipsis-cell.adf-datatable-cell-header,.cdk-drag-preview .adf-ellipsis-cell .adf-datatable-content-cell{max-width:calc(100% - .1px);overflow:hidden;text-overflow:ellipsis}.adf-datatable-list .adf-ellipsis-cell.adf-datatable-cell-header .adf-datatable-cell-value,.adf-datatable-list .adf-ellipsis-cell .adf-datatable-content-cell .adf-datatable-cell-value,.cdk-drag-preview .adf-ellipsis-cell.adf-datatable-cell-header .adf-datatable-cell-value,.cdk-drag-preview .adf-ellipsis-cell .adf-datatable-content-cell .adf-datatable-cell-value{overflow:hidden;text-overflow:ellipsis}.adf-datatable-list .adf-ellipsis-cell .adf-datatable-content-cell,.cdk-drag-preview .adf-ellipsis-cell .adf-datatable-content-cell{overflow:unset}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-datatable-list .adf-ellipsis-cell .adf-cell-value,.cdk-drag-preview .adf-ellipsis-cell .adf-cell-value{top:100%}}.adf-datatable-list .adf-ellipsis-cell>div:after,.cdk-drag-preview .adf-ellipsis-cell>div:after{content:attr(title);overflow:hidden;height:0;display:block}.adf-datatable-list .adf-no-content-container.adf-datatable-cell,.cdk-drag-preview .adf-no-content-container.adf-datatable-cell{padding:0;border:none;width:100%;justify-content:center}.adf-datatable-list .adf-no-content-container.adf-datatable-cell>img,.cdk-drag-preview .adf-no-content-container.adf-datatable-cell>img{width:100%}.adf-datatable-list .adf-loading-content-container,.cdk-drag-preview .adf-loading-content-container{padding:0;width:100%}.adf-datatable-list .adf-loading-content-container>img,.cdk-drag-preview .adf-loading-content-container>img{width:100%}.adf-datatable-list .adf-no-permission__row:hover,.cdk-drag-preview .adf-no-permission__row:hover{cursor:default;background-color:inherit}.adf-datatable-list .adf-no-permission__cell.adf-datatable-cell,.cdk-drag-preview .adf-no-permission__cell.adf-datatable-cell{padding:0}.adf-datatable-list .adf-hidden,.cdk-drag-preview .adf-hidden{display:none}@media all and (width <= 768px){.adf-datatable-list .adf-desktop-only.adf-ellipsis-cell,.cdk-drag-preview .adf-desktop-only.adf-ellipsis-cell{display:none}}@media (device-width <= 768px){.adf-datatable-list .adf-desktop-only.adf-ellipsis-cell,.cdk-drag-preview .adf-desktop-only.adf-ellipsis-cell{display:none}}.adf-datatable-cell-header{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:flex;align-items:center;text-overflow:ellipsis;font-weight:700;line-height:24px;letter-spacing:0;min-height:var(--theme-display-3-font-size);font-size:var(--theme-caption-font-size);color:var(--adf-theme-foreground-text-color);box-sizing:border-box}.adf-datatable-cell-header_subtitle{margin-left:3px;opacity:.6}.adf-datatable-cell-header.adf-sortable{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;align-items:center}.adf-datatable-cell-header .adf-datatable__header--sorted-asc,.adf-datatable-cell-header .adf-datatable__header--sorted-desc{color:var(--adf-theme-foreground-text-color);padding-right:.25rem}.adf-datatable-cell-header .adf-datatable__header--sorted-asc:after,.adf-datatable-cell-header .adf-datatable__header--sorted-desc:after{font-family:Material Icons;font-weight:400;font-style:normal;font-size:var(--theme-headline-font-size);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;word-wrap:normal;font-feature-settings:\"liga\";font-size:var(--theme-subheading-2-font-size);content:\"\\e5d8\";left:5px;right:5px;position:relative;vertical-align:middle}.adf-datatable-cell-header .adf-datatable__header--sorted-desc:after{content:\"\\e5db\"}.adf-datatable-cell-header .adf-datatable-cell--fileSize.adf-datatable__header--sorted-asc:before,.adf-datatable-cell-header .adf-datatable-cell--fileSize.adf-datatable__header--sorted-desc:before{left:-3px;right:-3px}.adf-datatable-cell-header .adf-datatable-cell-header-content{display:flex;flex-grow:1;align-items:center;margin:0 2px;padding:0 8px}.adf-datatable-cell-header .adf-datatable-cell-header-content .adf-datatable-cell-header-drag-icon-placeholder{padding:0;margin:0}.adf-datatable-cell-header .adf-datatable-cell-header-content--hovered{background-color:var(--adf-theme-background-hover-color);border-radius:6px}.adf-datatable-cell-header .adf-datatable-cell-header-drag-icon{margin-left:auto;cursor:move;margin-right:-.5rem;padding-left:-.5rem}.adf-datatable-cell-header .adf-datatable-cell-header-drag-icon-visible{display:flex}.adf-datatable-cell-header .adf-datatable-cell-value{padding-top:10px;padding-bottom:10px;line-height:24px;word-break:break-word}.adf-drop-header-cell-placeholder{display:flex;flex:1;background:var(--adf-theme-background-hover-color);border:dotted 1px rgba(0,0,0,.25);min-height:55px;transition:transform .25s cubic-bezier(0,0,.2,1)}.adf-datatable-cell-header.adf-ellipsis-cell .adf-datatable-cell-header-content{white-space:nowrap;overflow:hidden}.adf-datatable-cell-header.adf-ellipsis-cell .adf-datatable-cell-header-content--hovered .adf-datatable-cell-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cdk-drag-preview{min-height:var(--theme-display-3-font-size);display:flex;flex-direction:row;align-items:center;box-sizing:unset;background-color:var(--theme-background-color);border-top:2px solid var(--theme-selected-background-color);opacity:1}.cdk-drag-preview.adf-datatable-cell-header{border-radius:6px;background-color:var(--theme-background-color);transition:box-shadow .28s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.adf-checkbox-sr-only .mdc-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.adf-sticky-header{border-top:0;height:100%}.adf-sticky-header .adf-datatable-header{display:block;margin-right:0;border-top:1px solid var(--adf-theme-foreground-text-color-007);border-bottom:1px solid var(--adf-theme-foreground-text-color-007)}.adf-sticky-header .adf-datatable-body{display:block;flex:1;overflow:hidden auto;margin-top:-1px}.adf-upload__dragging>div{border-top:1px dashed var(--theme-accent-color-a200);border-bottom:1px dashed var(--theme-accent-color-a200)}.adf-upload__dragging>div:first-child{border-left:1px dashed var(--theme-accent-color-a200)}.adf-upload__dragging>div:last-child{border-right:1px dashed var(--theme-accent-color-a200)}.adf-datatable--empty{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;min-height:0;justify-content:center;align-items:center;height:inherit}.adf-datatable--empty .adf-datatable-body[role=rowgroup] .adf-datatable-row{height:100%;background-color:var(--adf-theme-background-card-color);border:none}.adf-datatable--empty .adf-datatable-body[role=rowgroup] .adf-datatable-row:hover,.adf-datatable--empty .adf-datatable-body[role=rowgroup] .adf-datatable-row:focus{background-color:unset;cursor:default}.adf-datatable--empty--header-visible .adf-datatable-header{border:1px solid var(--adf-theme-foreground-text-color-007)}.adf-datatable--empty--header-visible .adf-datatable-body{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;min-height:0;justify-content:center;align-items:center}.adf-datatable--empty--header-visible .adf-datatable-body .adf-datatable-row{height:100%;background-color:var(--adf-theme-background-card-color);border:none}.adf-datatable--empty--header-visible .adf-datatable-body .adf-datatable-row:hover,.adf-datatable--empty--header-visible .adf-datatable-body .adf-datatable-row:focus{background-color:unset;cursor:default}@media screen and (width <= 380px){.adf-datatable-header{max-height:50%}}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.IterableDiffers }, { type: i1$3.MatIconRegistry }, { type: i1$5.DomSanitizer }, { type: i3$2.ConfigurableFocusTrapFactory }], propDecorators: { rowsList: [{
                 type: ViewChildren,
                 args: [DataTableRowComponent]
@@ -18326,7 +18326,7 @@ class CardViewDateItemComponent extends BaseCardView {
             { provide: MAT_DATETIME_FORMATS, useValue: ADF_DATETIME_FORMATS },
             { provide: DateAdapter, useClass: AdfDateFnsAdapter },
             { provide: DatetimeAdapter, useClass: AdfDateTimeFnsAdapter }
-        ], viewQueries: [{ propertyName: "datepicker", first: true, predicate: ["datetimePicker"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<mat-label\n    class=\"adf-property-label\"\n    [attr.data-automation-id]=\"'card-dateitem-label-' + property.key\"\n    *ngIf=\"showProperty && !isEditable\"\n    [attr.for]=\"'card-view-dateitem-' + property.key\"\n    [ngClass]=\"{ 'adf-property-readonly-value': isReadonlyProperty, 'adf-property-value-editable': editable }\"\n    [title]=\"'CORE.METADATA.ACTIONS.COPY_TO_CLIPBOARD' | translate\"\n>\n    {{ property.label | translate }}\n</mat-label>\n\n<div class=\"adf-property-value\" [ngClass]=\"{ 'adf-property-value-editable': editable, 'adf-property-readonly-value': isReadonlyProperty }\">\n    <span *ngIf=\"!isEditable && !property.multivalued\" [attr.data-automation-id]=\"'card-' + property.type + '-value-' + property.key\">\n        <span\n            *ngIf=\"showProperty\"\n            [attr.data-automation-id]=\"'card-dateitem-' + property.key\"\n            (dblclick)=\"copyToClipboard(property.displayValue)\"\n            [title]=\"'CORE.METADATA.ACTIONS.COPY_TO_CLIPBOARD' | translate\"\n            >{{ property.displayValue }}</span\n        >\n    </span>\n    <mat-form-field *ngIf=\"isEditable && !property.multivalued\" class=\"adf-property-field adf-dateitem-editable hxp-input\" [floatLabel]=\"property.default ? 'always' : null\">\n        <mat-label\n            class=\"adf-property-label\"\n            [attr.data-automation-id]=\"'card-dateitem-label-' + property.key\"\n            *ngIf=\"isEditable\"\n            [attr.for]=\"'card-view-dateitem-' + property.key\"\n            [ngClass]=\"{ 'adf-property-readonly-value': isReadonlyProperty, 'adf-property-value-editable': editable }\"\n            [title]=\"'CORE.METADATA.ACTIONS.COPY_TO_CLIPBOARD' | translate\"\n        >\n            {{ property.label | translate }}\n        </mat-label>\n        <div class=\"adf-dateitem-editable-controls\">\n            <span\n                class=\"adf-datepicker-span-button\"\n                [attr.data-automation-id]=\"'datepicker-label-toggle-' + property.key\"\n                (click)=\"showDatePicker()\"\n                tabindex=\"0\"\n                role=\"button\"\n                (keyup.enter)=\"showDatePicker()\"\n            >\n                <span *ngIf=\"showProperty; else elseEmptyValueBlock\" [attr.data-automation-id]=\"'card-' + property.type + '-value-' + property.key\">\n                    {{ property.displayValue }}</span\n                >\n            </span>\n        </div>\n        <input\n            matInput\n            class=\"adf-invisible-date-input\"\n            [attr.tabIndex]=\"-1\"\n            [matDatetimepicker]=\"datetimePicker\"\n            [value]=\"valueDate\"\n            (dateChange)=\"onDateChanged($event)\"\n            [attr.id]=\"'card-view-dateitem-' + property.key\"\n        />\n            <mat-icon\n                matIconSuffix\n                *ngIf=\"showClearAction\"\n                class=\"adf-date-reset-icon\"\n                (click)=\"onDateClear()\"\n                [attr.title]=\"'CORE.METADATA.ACTIONS.CLEAR' | translate\"\n                [attr.data-automation-id]=\"'datepicker-date-clear-' + property.key\"\n            >\n                clear\n            </mat-icon>\n            <mat-datetimepicker-toggle\n                matIconSuffix\n                [attr.tabindex]=\"-1\"\n                [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n                [attr.data-automation-id]=\"'datepickertoggle-' + property.key\"\n                [for]=\"datetimePicker\"\n                class=\"adf-dateitem-picker-toggle\"\n            />\n\n            <mat-datetimepicker\n                #datetimePicker\n                [type]=\"$any(property).type\"\n                [timeInterval]=\"5\"\n                [attr.data-automation-id]=\"'datepicker-' + property.key\"\n                [startAt]=\"valueDate\"\n            />\n    </mat-form-field>\n    <ng-template #elseEmptyValueBlock>\n        {{ property.default | translate }}\n    </ng-template>\n\n    <div *ngIf=\"property.multivalued\" class=\"adf-property-field adf-dateitem-chip-list-container adf-dateitem-editable\">\n        <mat-chip-listbox #chipList class=\"adf-textitem-chip-list\">\n            <mat-chip-option\n                *ngFor=\"let propertyValue of property.displayValue; let idx = index\"\n                [removable]=\"isEditable\"\n                (removed)=\"removeValueFromList(idx)\"\n            >\n                {{ propertyValue }}\n                <mat-icon *ngIf=\"isEditable\" matChipRemove>cancel</mat-icon>\n            </mat-chip-option>\n        </mat-chip-listbox>\n\n        <div\n            *ngIf=\"isEditable\"\n            class=\"adf-property-field adf-dateitem-editable-controls\"\n            (click)=\"showDatePicker()\"\n            tabindex=\"0\"\n            role=\"button\"\n            (keyup.enter)=\"showDatePicker()\"\n        >\n            <input\n                class=\"adf-invisible-date-input\"\n                [attr.tabIndex]=\"-1\"\n                [matDatetimepicker]=\"datetimePicker\"\n                (dateChange)=\"addDateToList($event)\"\n                [attr.id]=\"'card-view-dateitem-' + property.key\"\n            />\n            <mat-datetimepicker-toggle\n                [attr.tabindex]=\"-1\"\n                matSuffix\n                [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n                [attr.data-automation-id]=\"'datepickertoggle-' + property.key\"\n                [for]=\"datetimePicker\"\n            />\n            <mat-datetimepicker\n                #datetimePicker\n                [type]=\"$any(property).type\"\n                [timeInterval]=\"5\"\n                [attr.data-automation-id]=\"'datepicker-' + property.key\"\n                [startAt]=\"valueDate\"\n            />\n        </div>\n    </div>\n</div>\n", styles: [".adf-card-view-dateitem{display:flow-root}.adf-card-view-dateitem .adf-dateitem-editable{cursor:pointer;width:100%}.adf-card-view-dateitem .adf-dateitem-editable-controls{display:flex;align-items:center;justify-content:space-between;top:6px;position:relative;left:12px;height:20px}.adf-card-view-dateitem .adf-dateitem-editable-controls .mat-icon{opacity:.5}.adf-card-view-dateitem .adf-dateitem-editable-controls .mat-icon:hover{opacity:1}.adf-card-view-dateitem .adf-dateitem-editable-controls mat-datetimepicker-toggle{transform:scale(.8)}.adf-card-view-dateitem .adf-dateitem-editable-controls .adf-datepicker-span-button{flex:1 0 auto;font-size:14px;top:10px;position:relative}.adf-card-view-dateitem .adf-dateitem-editable .mdc-line-ripple,.adf-card-view-dateitem .adf-dateitem-editable .mat-mdc-form-field-subscript-wrapper{display:none}.adf-card-view-dateitem .adf-property-value{padding-top:6px;padding-bottom:6px;line-height:20px;color:var(--adf-metadata-property-panel-title-color);margin-top:10px}.adf-card-view-dateitem .adf-property-value.adf-property-value-editable{display:flex;align-items:center;border-radius:6px;border-bottom:inherit;padding-left:0}.adf-card-view-dateitem .adf-property-value.adf-property-value-editable:not(.adf-property-readonly-value){margin-top:35px}.adf-card-view-dateitem .adf-property-value.adf-property-value-editable .adf-date-reset-icon{position:relative;padding:0}.adf-card-view-dateitem .adf-property-value.adf-property-value-editable .adf-dateitem-picker-toggle{position:relative}.adf-card-view-dateitem .adf-property-value.adf-property-readonly-value{padding:0 0 0 12px}.adf-card-view-dateitem .adf-invisible-date-input{height:2px;width:0;overflow:hidden;opacity:0;border:none;margin:0;padding:0;float:right}.adf-card-view-dateitem .adf-invisible-date-input.mat-mdc-input-element.mat-mdc-form-field-input-control{margin-top:35px}.adf-card-view-dateitem .adf-dateitem-chip-list-container.adf-property-field{margin-bottom:-7px;border-bottom:0;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatDatetimepickerModule }, { kind: "component", type: i7$1.MatDatetimepickerComponent, selector: "mat-datetimepicker", inputs: ["multiYearSelector", "twelvehour", "startView", "mode", "timeInterval", "ariaNextMonthLabel", "ariaPrevMonthLabel", "ariaNextYearLabel", "ariaPrevYearLabel", "preventSameDateTimeSelection", "panelClass", "startAt", "openOnFocus", "type", "touchUi", "disabled"], outputs: ["selectedChanged", "opened", "closed", "viewChanged"], exportAs: ["matDatetimepicker"] }, { kind: "component", type: i7$1.MatDatetimepickerToggleComponent, selector: "mat-datetimepicker-toggle", inputs: ["for", "disabled"], exportAs: ["matDatetimepickerToggle"] }, { kind: "directive", type: i7$1.MatDatetimepickerInputDirective, selector: "input[matDatetimepicker]", inputs: ["matDatetimepicker", "matDatepickerFilter", "value", "min", "max", "disabled"], outputs: ["dateChange", "dateInput"], exportAs: ["matDatepickerInput"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i8.MatChipListbox, selector: "mat-chip-listbox", inputs: ["multiple", "aria-orientation", "selectable", "compareWith", "required", "hideSingleSelectionIndicator", "value"], outputs: ["change"] }, { kind: "component", type: i8.MatChipOption, selector: "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", inputs: ["selectable", "selected"], outputs: ["selectionChange"] }, { kind: "directive", type: i8.MatChipRemove, selector: "[matChipRemove]" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i2$4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$4.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "ngmodule", type: MatSnackBarModule }, { kind: "ngmodule", type: ReactiveFormsModule }], encapsulation: i0.ViewEncapsulation.None }); }
+        ], viewQueries: [{ propertyName: "datepicker", first: true, predicate: ["datetimePicker"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<mat-label\n    class=\"adf-property-label\"\n    [attr.data-automation-id]=\"'card-dateitem-label-' + property.key\"\n    *ngIf=\"showProperty && !isEditable\"\n    [attr.for]=\"'card-view-dateitem-' + property.key\"\n    [ngClass]=\"{ 'adf-property-readonly-value': isReadonlyProperty, 'adf-property-value-editable': editable }\"\n    [title]=\"'CORE.METADATA.ACTIONS.COPY_TO_CLIPBOARD' | translate\"\n>\n    {{ property.label | translate }}\n</mat-label>\n\n<div class=\"adf-property-value\" [ngClass]=\"{ 'adf-property-value-editable': editable, 'adf-property-readonly-value': isReadonlyProperty }\">\n    <span *ngIf=\"!isEditable && !property.multivalued\" [attr.data-automation-id]=\"'card-' + property.type + '-value-' + property.key\">\n        <span\n            *ngIf=\"showProperty\"\n            [attr.data-automation-id]=\"'card-dateitem-' + property.key\"\n            (dblclick)=\"copyToClipboard(property.displayValue)\"\n            [title]=\"'CORE.METADATA.ACTIONS.COPY_TO_CLIPBOARD' | translate\"\n            >{{ property.displayValue }}</span\n        >\n    </span>\n    <mat-form-field *ngIf=\"isEditable && !property.multivalued\" class=\"adf-property-field adf-dateitem-editable hxp-input\" [floatLabel]=\"property.default ? 'always' : null\">\n        <mat-label\n            class=\"adf-property-label\"\n            [attr.data-automation-id]=\"'card-dateitem-label-' + property.key\"\n            *ngIf=\"isEditable\"\n            [attr.for]=\"'card-view-dateitem-' + property.key\"\n            [ngClass]=\"{ 'adf-property-readonly-value': isReadonlyProperty, 'adf-property-value-editable': editable }\"\n            [title]=\"'CORE.METADATA.ACTIONS.COPY_TO_CLIPBOARD' | translate\"\n        >\n            {{ property.label | translate }}\n        </mat-label>\n        <div class=\"adf-dateitem-editable-controls\">\n            <span\n                class=\"adf-datepicker-span-button\"\n                [attr.data-automation-id]=\"'datepicker-label-toggle-' + property.key\"\n                (click)=\"showDatePicker()\"\n                tabindex=\"0\"\n                role=\"button\"\n                (keyup.enter)=\"showDatePicker()\"\n            >\n                <span *ngIf=\"showProperty; else elseEmptyValueBlock\" [attr.data-automation-id]=\"'card-' + property.type + '-value-' + property.key\">\n                    {{ property.displayValue }}</span\n                >\n            </span>\n        </div>\n        <input\n            matInput\n            class=\"adf-invisible-date-input\"\n            [attr.tabIndex]=\"-1\"\n            [matDatetimepicker]=\"datetimePicker\"\n            [value]=\"valueDate\"\n            (dateChange)=\"onDateChanged($event)\"\n            [attr.id]=\"'card-view-dateitem-' + property.key\"\n        />\n            <mat-icon\n                matIconSuffix\n                *ngIf=\"showClearAction\"\n                class=\"adf-date-reset-icon\"\n                (click)=\"onDateClear()\"\n                [attr.title]=\"'CORE.METADATA.ACTIONS.CLEAR' | translate\"\n                [attr.data-automation-id]=\"'datepicker-date-clear-' + property.key\"\n            >\n                clear\n            </mat-icon>\n            <mat-datetimepicker-toggle\n                matIconSuffix\n                [attr.tabindex]=\"-1\"\n                [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n                [attr.data-automation-id]=\"'datepickertoggle-' + property.key\"\n                [for]=\"datetimePicker\"\n                class=\"adf-dateitem-picker-toggle\"\n            />\n\n            <mat-datetimepicker\n                #datetimePicker\n                [type]=\"$any(property).type\"\n                [timeInterval]=\"5\"\n                [attr.data-automation-id]=\"'datepicker-' + property.key\"\n                [startAt]=\"valueDate\"\n            />\n    </mat-form-field>\n    <ng-template #elseEmptyValueBlock>\n        {{ property.default | translate }}\n    </ng-template>\n\n    <div *ngIf=\"property.multivalued\" class=\"adf-property-field adf-dateitem-chip-list-container adf-dateitem-editable\">\n        <mat-chip-listbox #chipList class=\"adf-textitem-chip-list\">\n            <mat-chip-option\n                *ngFor=\"let propertyValue of property.displayValue; let idx = index\"\n                [removable]=\"isEditable\"\n                (removed)=\"removeValueFromList(idx)\"\n            >\n                {{ propertyValue }}\n                <mat-icon *ngIf=\"isEditable\" matChipRemove>cancel</mat-icon>\n            </mat-chip-option>\n        </mat-chip-listbox>\n\n        <div\n            *ngIf=\"isEditable\"\n            class=\"adf-property-field adf-dateitem-editable-controls\"\n            (click)=\"showDatePicker()\"\n            tabindex=\"0\"\n            role=\"button\"\n            (keyup.enter)=\"showDatePicker()\"\n        >\n            <input\n                class=\"adf-invisible-date-input\"\n                [attr.tabIndex]=\"-1\"\n                [matDatetimepicker]=\"datetimePicker\"\n                (dateChange)=\"addDateToList($event)\"\n                [attr.id]=\"'card-view-dateitem-' + property.key\"\n            />\n            <mat-datetimepicker-toggle\n                [attr.tabindex]=\"-1\"\n                matSuffix\n                [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n                [attr.data-automation-id]=\"'datepickertoggle-' + property.key\"\n                [for]=\"datetimePicker\"\n            />\n            <mat-datetimepicker\n                #datetimePicker\n                [type]=\"$any(property).type\"\n                [timeInterval]=\"5\"\n                [attr.data-automation-id]=\"'datepicker-' + property.key\"\n                [startAt]=\"valueDate\"\n            />\n        </div>\n    </div>\n</div>\n", styles: [".adf-card-view-dateitem{display:flow-root}.adf-card-view-dateitem .adf-dateitem-editable{cursor:pointer;width:100%}.adf-card-view-dateitem .adf-dateitem-editable-controls{display:flex;align-items:center;justify-content:space-between;position:relative}.adf-card-view-dateitem .adf-dateitem-editable-controls .mat-icon{opacity:.5}.adf-card-view-dateitem .adf-dateitem-editable-controls .mat-icon:hover{opacity:1}.adf-card-view-dateitem .adf-dateitem-editable-controls mat-datetimepicker-toggle{transform:scale(.8)}.adf-card-view-dateitem .adf-dateitem-editable-controls .adf-datepicker-span-button{flex:1 0 auto;font-size:14px;position:relative}.adf-card-view-dateitem .adf-dateitem-editable .mdc-line-ripple,.adf-card-view-dateitem .adf-dateitem-editable .mat-mdc-form-field-subscript-wrapper{display:none}.adf-card-view-dateitem .adf-property-value{line-height:20px;color:var(--adf-metadata-property-panel-title-color)}.adf-card-view-dateitem .adf-property-value.adf-property-value-editable{display:flex;align-items:center;border-radius:6px;border-bottom:inherit;padding-left:0}.adf-card-view-dateitem .adf-property-value.adf-property-readonly-value{padding:0 0 0 12px}.adf-card-view-dateitem .adf-invisible-date-input{height:2px;width:0;overflow:hidden;opacity:0;border:none;margin:0;padding:0;float:right}.adf-card-view-dateitem .adf-dateitem-chip-list-container.adf-property-field{margin-bottom:-7px;border-bottom:0;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatDatetimepickerModule }, { kind: "component", type: i7$1.MatDatetimepickerComponent, selector: "mat-datetimepicker", inputs: ["multiYearSelector", "twelvehour", "startView", "mode", "timeInterval", "ariaNextMonthLabel", "ariaPrevMonthLabel", "ariaNextYearLabel", "ariaPrevYearLabel", "preventSameDateTimeSelection", "panelClass", "startAt", "openOnFocus", "type", "touchUi", "disabled"], outputs: ["selectedChanged", "opened", "closed", "viewChanged"], exportAs: ["matDatetimepicker"] }, { kind: "component", type: i7$1.MatDatetimepickerToggleComponent, selector: "mat-datetimepicker-toggle", inputs: ["for", "disabled"], exportAs: ["matDatetimepickerToggle"] }, { kind: "directive", type: i7$1.MatDatetimepickerInputDirective, selector: "input[matDatetimepicker]", inputs: ["matDatetimepicker", "matDatepickerFilter", "value", "min", "max", "disabled"], outputs: ["dateChange", "dateInput"], exportAs: ["matDatepickerInput"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i8.MatChipListbox, selector: "mat-chip-listbox", inputs: ["multiple", "aria-orientation", "selectable", "compareWith", "required", "hideSingleSelectionIndicator", "value"], outputs: ["change"] }, { kind: "component", type: i8.MatChipOption, selector: "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", inputs: ["selectable", "selected"], outputs: ["selectionChange"] }, { kind: "directive", type: i8.MatChipRemove, selector: "[matChipRemove]" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i2$4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$4.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "ngmodule", type: MatSnackBarModule }, { kind: "ngmodule", type: ReactiveFormsModule }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CardViewDateItemComponent, decorators: [{
             type: Component,
@@ -18346,7 +18346,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                         MatDatepickerModule,
                         MatSnackBarModule,
                         ReactiveFormsModule
-                    ], encapsulation: ViewEncapsulation.None, host: { class: 'adf-card-view-dateitem' }, template: "<mat-label\n    class=\"adf-property-label\"\n    [attr.data-automation-id]=\"'card-dateitem-label-' + property.key\"\n    *ngIf=\"showProperty && !isEditable\"\n    [attr.for]=\"'card-view-dateitem-' + property.key\"\n    [ngClass]=\"{ 'adf-property-readonly-value': isReadonlyProperty, 'adf-property-value-editable': editable }\"\n    [title]=\"'CORE.METADATA.ACTIONS.COPY_TO_CLIPBOARD' | translate\"\n>\n    {{ property.label | translate }}\n</mat-label>\n\n<div class=\"adf-property-value\" [ngClass]=\"{ 'adf-property-value-editable': editable, 'adf-property-readonly-value': isReadonlyProperty }\">\n    <span *ngIf=\"!isEditable && !property.multivalued\" [attr.data-automation-id]=\"'card-' + property.type + '-value-' + property.key\">\n        <span\n            *ngIf=\"showProperty\"\n            [attr.data-automation-id]=\"'card-dateitem-' + property.key\"\n            (dblclick)=\"copyToClipboard(property.displayValue)\"\n            [title]=\"'CORE.METADATA.ACTIONS.COPY_TO_CLIPBOARD' | translate\"\n            >{{ property.displayValue }}</span\n        >\n    </span>\n    <mat-form-field *ngIf=\"isEditable && !property.multivalued\" class=\"adf-property-field adf-dateitem-editable hxp-input\" [floatLabel]=\"property.default ? 'always' : null\">\n        <mat-label\n            class=\"adf-property-label\"\n            [attr.data-automation-id]=\"'card-dateitem-label-' + property.key\"\n            *ngIf=\"isEditable\"\n            [attr.for]=\"'card-view-dateitem-' + property.key\"\n            [ngClass]=\"{ 'adf-property-readonly-value': isReadonlyProperty, 'adf-property-value-editable': editable }\"\n            [title]=\"'CORE.METADATA.ACTIONS.COPY_TO_CLIPBOARD' | translate\"\n        >\n            {{ property.label | translate }}\n        </mat-label>\n        <div class=\"adf-dateitem-editable-controls\">\n            <span\n                class=\"adf-datepicker-span-button\"\n                [attr.data-automation-id]=\"'datepicker-label-toggle-' + property.key\"\n                (click)=\"showDatePicker()\"\n                tabindex=\"0\"\n                role=\"button\"\n                (keyup.enter)=\"showDatePicker()\"\n            >\n                <span *ngIf=\"showProperty; else elseEmptyValueBlock\" [attr.data-automation-id]=\"'card-' + property.type + '-value-' + property.key\">\n                    {{ property.displayValue }}</span\n                >\n            </span>\n        </div>\n        <input\n            matInput\n            class=\"adf-invisible-date-input\"\n            [attr.tabIndex]=\"-1\"\n            [matDatetimepicker]=\"datetimePicker\"\n            [value]=\"valueDate\"\n            (dateChange)=\"onDateChanged($event)\"\n            [attr.id]=\"'card-view-dateitem-' + property.key\"\n        />\n            <mat-icon\n                matIconSuffix\n                *ngIf=\"showClearAction\"\n                class=\"adf-date-reset-icon\"\n                (click)=\"onDateClear()\"\n                [attr.title]=\"'CORE.METADATA.ACTIONS.CLEAR' | translate\"\n                [attr.data-automation-id]=\"'datepicker-date-clear-' + property.key\"\n            >\n                clear\n            </mat-icon>\n            <mat-datetimepicker-toggle\n                matIconSuffix\n                [attr.tabindex]=\"-1\"\n                [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n                [attr.data-automation-id]=\"'datepickertoggle-' + property.key\"\n                [for]=\"datetimePicker\"\n                class=\"adf-dateitem-picker-toggle\"\n            />\n\n            <mat-datetimepicker\n                #datetimePicker\n                [type]=\"$any(property).type\"\n                [timeInterval]=\"5\"\n                [attr.data-automation-id]=\"'datepicker-' + property.key\"\n                [startAt]=\"valueDate\"\n            />\n    </mat-form-field>\n    <ng-template #elseEmptyValueBlock>\n        {{ property.default | translate }}\n    </ng-template>\n\n    <div *ngIf=\"property.multivalued\" class=\"adf-property-field adf-dateitem-chip-list-container adf-dateitem-editable\">\n        <mat-chip-listbox #chipList class=\"adf-textitem-chip-list\">\n            <mat-chip-option\n                *ngFor=\"let propertyValue of property.displayValue; let idx = index\"\n                [removable]=\"isEditable\"\n                (removed)=\"removeValueFromList(idx)\"\n            >\n                {{ propertyValue }}\n                <mat-icon *ngIf=\"isEditable\" matChipRemove>cancel</mat-icon>\n            </mat-chip-option>\n        </mat-chip-listbox>\n\n        <div\n            *ngIf=\"isEditable\"\n            class=\"adf-property-field adf-dateitem-editable-controls\"\n            (click)=\"showDatePicker()\"\n            tabindex=\"0\"\n            role=\"button\"\n            (keyup.enter)=\"showDatePicker()\"\n        >\n            <input\n                class=\"adf-invisible-date-input\"\n                [attr.tabIndex]=\"-1\"\n                [matDatetimepicker]=\"datetimePicker\"\n                (dateChange)=\"addDateToList($event)\"\n                [attr.id]=\"'card-view-dateitem-' + property.key\"\n            />\n            <mat-datetimepicker-toggle\n                [attr.tabindex]=\"-1\"\n                matSuffix\n                [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n                [attr.data-automation-id]=\"'datepickertoggle-' + property.key\"\n                [for]=\"datetimePicker\"\n            />\n            <mat-datetimepicker\n                #datetimePicker\n                [type]=\"$any(property).type\"\n                [timeInterval]=\"5\"\n                [attr.data-automation-id]=\"'datepicker-' + property.key\"\n                [startAt]=\"valueDate\"\n            />\n        </div>\n    </div>\n</div>\n", styles: [".adf-card-view-dateitem{display:flow-root}.adf-card-view-dateitem .adf-dateitem-editable{cursor:pointer;width:100%}.adf-card-view-dateitem .adf-dateitem-editable-controls{display:flex;align-items:center;justify-content:space-between;top:6px;position:relative;left:12px;height:20px}.adf-card-view-dateitem .adf-dateitem-editable-controls .mat-icon{opacity:.5}.adf-card-view-dateitem .adf-dateitem-editable-controls .mat-icon:hover{opacity:1}.adf-card-view-dateitem .adf-dateitem-editable-controls mat-datetimepicker-toggle{transform:scale(.8)}.adf-card-view-dateitem .adf-dateitem-editable-controls .adf-datepicker-span-button{flex:1 0 auto;font-size:14px;top:10px;position:relative}.adf-card-view-dateitem .adf-dateitem-editable .mdc-line-ripple,.adf-card-view-dateitem .adf-dateitem-editable .mat-mdc-form-field-subscript-wrapper{display:none}.adf-card-view-dateitem .adf-property-value{padding-top:6px;padding-bottom:6px;line-height:20px;color:var(--adf-metadata-property-panel-title-color);margin-top:10px}.adf-card-view-dateitem .adf-property-value.adf-property-value-editable{display:flex;align-items:center;border-radius:6px;border-bottom:inherit;padding-left:0}.adf-card-view-dateitem .adf-property-value.adf-property-value-editable:not(.adf-property-readonly-value){margin-top:35px}.adf-card-view-dateitem .adf-property-value.adf-property-value-editable .adf-date-reset-icon{position:relative;padding:0}.adf-card-view-dateitem .adf-property-value.adf-property-value-editable .adf-dateitem-picker-toggle{position:relative}.adf-card-view-dateitem .adf-property-value.adf-property-readonly-value{padding:0 0 0 12px}.adf-card-view-dateitem .adf-invisible-date-input{height:2px;width:0;overflow:hidden;opacity:0;border:none;margin:0;padding:0;float:right}.adf-card-view-dateitem .adf-invisible-date-input.mat-mdc-input-element.mat-mdc-form-field-input-control{margin-top:35px}.adf-card-view-dateitem .adf-dateitem-chip-list-container.adf-property-field{margin-bottom:-7px;border-bottom:0;cursor:pointer}\n"] }]
+                    ], encapsulation: ViewEncapsulation.None, host: { class: 'adf-card-view-dateitem' }, template: "<mat-label\n    class=\"adf-property-label\"\n    [attr.data-automation-id]=\"'card-dateitem-label-' + property.key\"\n    *ngIf=\"showProperty && !isEditable\"\n    [attr.for]=\"'card-view-dateitem-' + property.key\"\n    [ngClass]=\"{ 'adf-property-readonly-value': isReadonlyProperty, 'adf-property-value-editable': editable }\"\n    [title]=\"'CORE.METADATA.ACTIONS.COPY_TO_CLIPBOARD' | translate\"\n>\n    {{ property.label | translate }}\n</mat-label>\n\n<div class=\"adf-property-value\" [ngClass]=\"{ 'adf-property-value-editable': editable, 'adf-property-readonly-value': isReadonlyProperty }\">\n    <span *ngIf=\"!isEditable && !property.multivalued\" [attr.data-automation-id]=\"'card-' + property.type + '-value-' + property.key\">\n        <span\n            *ngIf=\"showProperty\"\n            [attr.data-automation-id]=\"'card-dateitem-' + property.key\"\n            (dblclick)=\"copyToClipboard(property.displayValue)\"\n            [title]=\"'CORE.METADATA.ACTIONS.COPY_TO_CLIPBOARD' | translate\"\n            >{{ property.displayValue }}</span\n        >\n    </span>\n    <mat-form-field *ngIf=\"isEditable && !property.multivalued\" class=\"adf-property-field adf-dateitem-editable hxp-input\" [floatLabel]=\"property.default ? 'always' : null\">\n        <mat-label\n            class=\"adf-property-label\"\n            [attr.data-automation-id]=\"'card-dateitem-label-' + property.key\"\n            *ngIf=\"isEditable\"\n            [attr.for]=\"'card-view-dateitem-' + property.key\"\n            [ngClass]=\"{ 'adf-property-readonly-value': isReadonlyProperty, 'adf-property-value-editable': editable }\"\n            [title]=\"'CORE.METADATA.ACTIONS.COPY_TO_CLIPBOARD' | translate\"\n        >\n            {{ property.label | translate }}\n        </mat-label>\n        <div class=\"adf-dateitem-editable-controls\">\n            <span\n                class=\"adf-datepicker-span-button\"\n                [attr.data-automation-id]=\"'datepicker-label-toggle-' + property.key\"\n                (click)=\"showDatePicker()\"\n                tabindex=\"0\"\n                role=\"button\"\n                (keyup.enter)=\"showDatePicker()\"\n            >\n                <span *ngIf=\"showProperty; else elseEmptyValueBlock\" [attr.data-automation-id]=\"'card-' + property.type + '-value-' + property.key\">\n                    {{ property.displayValue }}</span\n                >\n            </span>\n        </div>\n        <input\n            matInput\n            class=\"adf-invisible-date-input\"\n            [attr.tabIndex]=\"-1\"\n            [matDatetimepicker]=\"datetimePicker\"\n            [value]=\"valueDate\"\n            (dateChange)=\"onDateChanged($event)\"\n            [attr.id]=\"'card-view-dateitem-' + property.key\"\n        />\n            <mat-icon\n                matIconSuffix\n                *ngIf=\"showClearAction\"\n                class=\"adf-date-reset-icon\"\n                (click)=\"onDateClear()\"\n                [attr.title]=\"'CORE.METADATA.ACTIONS.CLEAR' | translate\"\n                [attr.data-automation-id]=\"'datepicker-date-clear-' + property.key\"\n            >\n                clear\n            </mat-icon>\n            <mat-datetimepicker-toggle\n                matIconSuffix\n                [attr.tabindex]=\"-1\"\n                [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n                [attr.data-automation-id]=\"'datepickertoggle-' + property.key\"\n                [for]=\"datetimePicker\"\n                class=\"adf-dateitem-picker-toggle\"\n            />\n\n            <mat-datetimepicker\n                #datetimePicker\n                [type]=\"$any(property).type\"\n                [timeInterval]=\"5\"\n                [attr.data-automation-id]=\"'datepicker-' + property.key\"\n                [startAt]=\"valueDate\"\n            />\n    </mat-form-field>\n    <ng-template #elseEmptyValueBlock>\n        {{ property.default | translate }}\n    </ng-template>\n\n    <div *ngIf=\"property.multivalued\" class=\"adf-property-field adf-dateitem-chip-list-container adf-dateitem-editable\">\n        <mat-chip-listbox #chipList class=\"adf-textitem-chip-list\">\n            <mat-chip-option\n                *ngFor=\"let propertyValue of property.displayValue; let idx = index\"\n                [removable]=\"isEditable\"\n                (removed)=\"removeValueFromList(idx)\"\n            >\n                {{ propertyValue }}\n                <mat-icon *ngIf=\"isEditable\" matChipRemove>cancel</mat-icon>\n            </mat-chip-option>\n        </mat-chip-listbox>\n\n        <div\n            *ngIf=\"isEditable\"\n            class=\"adf-property-field adf-dateitem-editable-controls\"\n            (click)=\"showDatePicker()\"\n            tabindex=\"0\"\n            role=\"button\"\n            (keyup.enter)=\"showDatePicker()\"\n        >\n            <input\n                class=\"adf-invisible-date-input\"\n                [attr.tabIndex]=\"-1\"\n                [matDatetimepicker]=\"datetimePicker\"\n                (dateChange)=\"addDateToList($event)\"\n                [attr.id]=\"'card-view-dateitem-' + property.key\"\n            />\n            <mat-datetimepicker-toggle\n                [attr.tabindex]=\"-1\"\n                matSuffix\n                [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n                [attr.data-automation-id]=\"'datepickertoggle-' + property.key\"\n                [for]=\"datetimePicker\"\n            />\n            <mat-datetimepicker\n                #datetimePicker\n                [type]=\"$any(property).type\"\n                [timeInterval]=\"5\"\n                [attr.data-automation-id]=\"'datepicker-' + property.key\"\n                [startAt]=\"valueDate\"\n            />\n        </div>\n    </div>\n</div>\n", styles: [".adf-card-view-dateitem{display:flow-root}.adf-card-view-dateitem .adf-dateitem-editable{cursor:pointer;width:100%}.adf-card-view-dateitem .adf-dateitem-editable-controls{display:flex;align-items:center;justify-content:space-between;position:relative}.adf-card-view-dateitem .adf-dateitem-editable-controls .mat-icon{opacity:.5}.adf-card-view-dateitem .adf-dateitem-editable-controls .mat-icon:hover{opacity:1}.adf-card-view-dateitem .adf-dateitem-editable-controls mat-datetimepicker-toggle{transform:scale(.8)}.adf-card-view-dateitem .adf-dateitem-editable-controls .adf-datepicker-span-button{flex:1 0 auto;font-size:14px;position:relative}.adf-card-view-dateitem .adf-dateitem-editable .mdc-line-ripple,.adf-card-view-dateitem .adf-dateitem-editable .mat-mdc-form-field-subscript-wrapper{display:none}.adf-card-view-dateitem .adf-property-value{line-height:20px;color:var(--adf-metadata-property-panel-title-color)}.adf-card-view-dateitem .adf-property-value.adf-property-value-editable{display:flex;align-items:center;border-radius:6px;border-bottom:inherit;padding-left:0}.adf-card-view-dateitem .adf-property-value.adf-property-readonly-value{padding:0 0 0 12px}.adf-card-view-dateitem .adf-invisible-date-input{height:2px;width:0;overflow:hidden;opacity:0;border:none;margin:0;padding:0;float:right}.adf-card-view-dateitem .adf-dateitem-chip-list-container.adf-property-field{margin-bottom:-7px;border-bottom:0;cursor:pointer}\n"] }]
         }], ctorParameters: () => [{ type: i1$2.DateAdapter }, { type: UserPreferencesService }, { type: ClipboardService }, { type: TranslationService }], propDecorators: { displayEmpty: [{
                 type: Input
             }], displayClearAction: [{
@@ -20312,110 +20312,6 @@ class ContainerModel extends FormWidgetModel {
     }
 }
 
-/*!
- * @license
- * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * 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.
- */
-class WidgetVisibilityModel {
-    constructor(json) {
-        this.json = json;
-        if (json) {
-            this.operator = json.operator;
-            this.nextCondition = new WidgetVisibilityModel(json.nextCondition);
-            this.nextConditionOperator = json.nextConditionOperator;
-            this.rightRestResponseId = json.rightRestResponseId;
-            this.rightFormFieldId = json.rightFormFieldId;
-            this.leftFormFieldId = json.leftFormFieldId;
-            this.leftRestResponseId = json.leftRestResponseId;
-        }
-        else {
-            this.json = {};
-        }
-    }
-    get leftType() {
-        if (this.leftFormFieldId) {
-            return WidgetTypeEnum.field;
-        }
-        else if (this.leftRestResponseId) {
-            return WidgetTypeEnum.variable;
-        }
-        else if (this.json.leftType) {
-            return this.json.leftType;
-        }
-        return null;
-    }
-    set leftType(leftType) {
-        this.json.leftType = leftType;
-    }
-    get leftValue() {
-        if (this.json.leftValue?.toString()) {
-            return this.json.leftValue;
-        }
-        else if (this.leftFormFieldId) {
-            return this.leftFormFieldId;
-        }
-        else if (this.leftRestResponseId) {
-            return this.leftRestResponseId;
-        }
-        return null;
-    }
-    set leftValue(leftValue) {
-        this.json.leftValue = leftValue;
-    }
-    get rightType() {
-        if (this.json.rightType) {
-            return this.json.rightType;
-        }
-        else if (this.json.rightValue) {
-            return WidgetTypeEnum.value;
-        }
-        else if (this.rightRestResponseId) {
-            return WidgetTypeEnum.variable;
-        }
-        else if (this.rightFormFieldId) {
-            return WidgetTypeEnum.field;
-        }
-        return null;
-    }
-    set rightType(rightType) {
-        this.json.rightType = rightType;
-    }
-    get rightValue() {
-        if (this.json.rightValue?.toString()) {
-            return this.json.rightValue;
-        }
-        else if (this.rightFormFieldId) {
-            return this.rightFormFieldId;
-        }
-        else if (this.rightRestResponseId) {
-            return this.rightRestResponseId;
-        }
-        return null;
-    }
-    set rightValue(rightValue) {
-        this.json.rightValue = rightValue;
-    }
-}
-// eslint-disable-next-line no-shadow
-var WidgetTypeEnum;
-(function (WidgetTypeEnum) {
-    WidgetTypeEnum["field"] = "field";
-    WidgetTypeEnum["variable"] = "variable";
-    WidgetTypeEnum["value"] = "value";
-})(WidgetTypeEnum || (WidgetTypeEnum = {}));
-
 /*!
  * @license
  * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
@@ -20577,13 +20473,7 @@ const getRuleOn = (id, ruleOn, fields) => {
     for (const column of Object.values(fields)) {
         for (const field of column) {
             if (field.type === FormFieldTypes.SECTION) {
-                for (const sectionColumn of Object.values(field.fields)) {
-                    for (const sectionField of sectionColumn) {
-                        if (sectionField.id === ruleOn) {
-                            return getRepeatableSectionChildRuleOn(id, ruleOn);
-                        }
-                    }
-                }
+                return getRuleOn(id, ruleOn, field.fields);
             }
             if (field.id === ruleOn) {
                 return getRepeatableSectionChildRuleOn(id, ruleOn);
@@ -20592,8 +20482,8 @@ const getRuleOn = (id, ruleOn, fields) => {
     }
     return ruleOn;
 };
-const getRepeatableSectionChildRuleOn = (id, ruleOn) => ruleOn + ROW_ID_PREFIX + getRowId(id);
-const getRowId = (id) => {
+const getRepeatableSectionChildRuleOn = (id, ruleOn) => ruleOn + ROW_ID_PREFIX + getRowId$1(id);
+const getRowId$1 = (id) => {
     const split = id.split(ROW_ID_PREFIX);
     return split.length > 1 ? split[1] : '';
 };
@@ -20617,7 +20507,165 @@ const formFieldRuleHandler = {
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/* eslint-disable @angular-eslint/component-selector */
+class WidgetVisibilityModel {
+    constructor(json) {
+        this.json = json;
+        if (json) {
+            this.operator = json.operator;
+            this.nextCondition = new WidgetVisibilityModel(json.nextCondition);
+            this.nextConditionOperator = json.nextConditionOperator;
+            this.rightRestResponseId = json.rightRestResponseId;
+            this.rightFormFieldId = json.rightFormFieldId;
+            this.leftFormFieldId = json.leftFormFieldId;
+            this.leftRestResponseId = json.leftRestResponseId;
+        }
+        else {
+            this.json = {};
+        }
+    }
+    get leftType() {
+        if (this.leftFormFieldId) {
+            return WidgetTypeEnum.field;
+        }
+        else if (this.leftRestResponseId) {
+            return WidgetTypeEnum.variable;
+        }
+        else if (this.json.leftType) {
+            return this.json.leftType;
+        }
+        return null;
+    }
+    set leftType(leftType) {
+        this.json.leftType = leftType;
+    }
+    get leftValue() {
+        if (this.json.leftValue?.toString()) {
+            return this.json.leftValue;
+        }
+        else if (this.leftFormFieldId) {
+            return this.leftFormFieldId;
+        }
+        else if (this.leftRestResponseId) {
+            return this.leftRestResponseId;
+        }
+        return null;
+    }
+    set leftValue(leftValue) {
+        this.json.leftValue = leftValue;
+    }
+    get rightType() {
+        if (this.json.rightType) {
+            return this.json.rightType;
+        }
+        else if (this.json.rightValue) {
+            return WidgetTypeEnum.value;
+        }
+        else if (this.rightRestResponseId) {
+            return WidgetTypeEnum.variable;
+        }
+        else if (this.rightFormFieldId) {
+            return WidgetTypeEnum.field;
+        }
+        return null;
+    }
+    set rightType(rightType) {
+        this.json.rightType = rightType;
+    }
+    get rightValue() {
+        if (this.json.rightValue?.toString()) {
+            return this.json.rightValue;
+        }
+        else if (this.rightFormFieldId) {
+            return this.rightFormFieldId;
+        }
+        else if (this.rightRestResponseId) {
+            return this.rightRestResponseId;
+        }
+        return null;
+    }
+    set rightValue(rightValue) {
+        this.json.rightValue = rightValue;
+    }
+}
+// eslint-disable-next-line no-shadow
+var WidgetTypeEnum;
+(function (WidgetTypeEnum) {
+    WidgetTypeEnum["field"] = "field";
+    WidgetTypeEnum["variable"] = "variable";
+    WidgetTypeEnum["value"] = "value";
+})(WidgetTypeEnum || (WidgetTypeEnum = {}));
+
+/*!
+ * @license
+ * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * 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.
+ */
+const getVisibilityCondition = (id, json, parent) => {
+    if (!json) {
+        return undefined;
+    }
+    return new WidgetVisibilityModel(parent?.fields
+        ? {
+            ...json,
+            ...(shouldUpdateValue(json.leftType, json.leftValue) && {
+                leftValue: getValue(id, json.leftValue, parent.fields)
+            }),
+            ...(shouldUpdateValue(json.rightType, json.rightValue) && {
+                rightValue: getValue(id, json.rightValue, parent.fields)
+            })
+        }
+        : json);
+};
+const shouldUpdateValue = (type, value) => type === WidgetTypeEnum.field && !!value;
+const getValue = (id, value, fields) => {
+    for (const column of Object.values(fields)) {
+        for (const field of column) {
+            if (field.type === FormFieldTypes.SECTION) {
+                return getValue(id, value, field.fields);
+            }
+            if (field.id === value) {
+                return getRepeatableSectionChildValue(id, value);
+            }
+        }
+    }
+    return value;
+};
+const getRepeatableSectionChildValue = (id, value) => value + ROW_ID_PREFIX + getRowId(id);
+const getRowId = (id) => {
+    const split = id.split(ROW_ID_PREFIX);
+    return split.length > 1 ? split[1] : '';
+};
+const formFieldVisibilityConditionHandler = {
+    getVisibilityCondition
+};
+
+/*!
+ * @license
+ * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * 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.
+ */
 // Maps to FormFieldRepresentation
 class FormFieldModel extends FormWidgetModel {
     get value() {
@@ -20741,7 +20789,7 @@ class FormFieldModel extends FormWidgetModel {
             this.params = json.params || {};
             this.hyperlinkUrl = json.hyperlinkUrl;
             this.displayText = json.displayText;
-            this.visibilityCondition = json.visibilityCondition ? new WidgetVisibilityModel(json.visibilityCondition) : undefined;
+            this.visibilityCondition = formFieldVisibilityConditionHandler.getVisibilityCondition(this.id, json.visibilityCondition, parent);
             this.enableFractions = json.enableFractions;
             this.currency = json.currency;
             this.dateDisplayFormat = json.dateDisplayFormat || this.getDefaultDateFormat(json);
@@ -20853,7 +20901,7 @@ class FormFieldModel extends FormWidgetModel {
         }
         this.columns = this.rows[0].columns;
     }
-    getNumberOfRows(initialNrRows = 1, maxNrRows, value) {
+    getNumberOfRows(initialNrRows = 1, maxNrRows = null, value) {
         return value?.length ? (maxNrRows ? Math.min(value.length, maxNrRows) : value.length) : initialNrRows;
     }
     createRow(fields, form, index, value, isInitial = false) {
@@ -20943,6 +20991,7 @@ class FormFieldModel extends FormWidgetModel {
             return;
         }
         this.rows.push(this.createRow(fields, form, this.rows.length));
+        this.form.onRepeatableSectionChanged();
     }
     shouldAddRow() {
         return !this.params.maxNumberOfRows || this.rows.length < this.params.maxNumberOfRows;
@@ -20953,6 +21002,7 @@ class FormFieldModel extends FormWidgetModel {
         }
         this.rows.splice(index, 1);
         this.updateChildrenFieldsRowIndex();
+        this.form.onRepeatableSectionChanged();
         if (!this.form.values[this.id]) {
             return;
         }
@@ -21637,6 +21687,9 @@ class FormModel {
             this.formService.formFieldValueChanged.next(new FormFieldEvent(this, field));
         }
     }
+    onRepeatableSectionChanged() {
+        this.fieldsCache = this.getFormFields([], true);
+    }
     /**
      * Validates entire form and all form fields.
      */
@@ -21800,8 +21853,8 @@ class FormModel {
     getFieldById(fieldId) {
         return this.fieldsCache.find((field) => field.id === fieldId);
     }
-    getFormFields(filterTypes) {
-        if (this.fieldsCache?.length) {
+    getFormFields(filterTypes, isDynamic = false) {
+        if (this.fieldsCache?.length && !isDynamic) {
             return this.filterFieldsByType(this.fieldsCache, filterTypes);
         }
         const formFieldModel = [];
@@ -21810,7 +21863,10 @@ class FormModel {
     }
     processFields(fields, formFieldModel) {
         fields.forEach((field) => {
-            if (this.isContainerField(field)) {
+            if (this.isRepeatableSectionField(field)) {
+                this.handleRepeatableSectionField(field, formFieldModel);
+            }
+            else if (this.isContainerField(field)) {
                 this.handleContainerField(field, formFieldModel);
             }
             else if (this.isSectionField(field)) {
@@ -21830,12 +21886,23 @@ class FormModel {
     isSectionField(field) {
         return field.type === FormFieldTypes.SECTION;
     }
+    isRepeatableSectionField(field) {
+        return field.type === FormFieldTypes.REPEATABLE_SECTION;
+    }
     handleSectionField(section, formFieldModel) {
         formFieldModel.push(section);
         section.columns.forEach((column) => {
             this.processFields(column.fields, formFieldModel);
         });
     }
+    handleRepeatableSectionField(repeatableSection, formFieldModel) {
+        formFieldModel.push(repeatableSection.field);
+        for (const row of repeatableSection.field.rows) {
+            for (const column of row.columns) {
+                this.processFields(column.fields, formFieldModel);
+            }
+        }
+    }
     handleContainerField(container, formFieldModel) {
         formFieldModel.push(container.field);
         container.field.columns.forEach((column) => {
@@ -30868,6 +30935,131 @@ const tabInvalidFormVisibility = {
         variables: []
     }
 };
+const repeatableSectionFormVisibility = {
+    id: 'orm-875b6fe8-a84d-475b-a7e1-a3647955a0a6',
+    name: 'repeatable-section',
+    description: '',
+    version: 0,
+    tabs: [],
+    formDefinition: {
+        fields: [
+            {
+                id: 'RepeatableSection0009v6',
+                name: 'Repeatable Section',
+                type: 'repeatable-section',
+                tab: null,
+                params: {
+                    initialNumberOfRows: 1,
+                    allowInitialRowsDelete: true,
+                    maxNumberOfRows: null
+                },
+                numberOfColumns: 2,
+                fields: {
+                    '1': [
+                        {
+                            id: 'text1',
+                            name: 'Text',
+                            type: 'text',
+                            readOnly: false,
+                            required: false,
+                            colspan: 1,
+                            rowspan: 1,
+                            placeholder: null,
+                            minLength: 0,
+                            maxLength: 0,
+                            regexPattern: null,
+                            visibilityCondition: null,
+                            params: {
+                                existingColspan: 1,
+                                maxColspan: 2
+                            }
+                        }
+                    ],
+                    '2': [
+                        {
+                            id: 'text2',
+                            name: 'Text',
+                            type: 'text',
+                            readOnly: false,
+                            required: false,
+                            colspan: 1,
+                            rowspan: 1,
+                            placeholder: null,
+                            minLength: 0,
+                            maxLength: 0,
+                            regexPattern: null,
+                            visibilityCondition: {
+                                leftType: 'field',
+                                leftValue: 'text4',
+                                operator: '!empty',
+                                rightValue: null,
+                                rightType: null,
+                                nextConditionOperator: '',
+                                nextCondition: null
+                            },
+                            params: {
+                                existingColspan: 1,
+                                maxColspan: 2
+                            }
+                        }
+                    ]
+                }
+            },
+            {
+                id: '5a3474a8-22e1-4408-8a43-2eb1fc8300ac',
+                name: 'Section',
+                tab: null,
+                type: 'section',
+                numberOfColumns: 2,
+                fields: {
+                    '1': [
+                        {
+                            id: 'text3',
+                            name: 'Text',
+                            type: 'text',
+                            readOnly: false,
+                            required: false,
+                            colspan: 1,
+                            rowspan: 1,
+                            placeholder: null,
+                            minLength: 0,
+                            maxLength: 0,
+                            regexPattern: null,
+                            visibilityCondition: null,
+                            params: {
+                                existingColspan: 1,
+                                maxColspan: 2
+                            }
+                        }
+                    ],
+                    '2': [
+                        {
+                            id: 'text4',
+                            name: 'Text',
+                            type: 'text',
+                            readOnly: false,
+                            required: false,
+                            colspan: 1,
+                            rowspan: 1,
+                            placeholder: null,
+                            minLength: 0,
+                            maxLength: 0,
+                            regexPattern: null,
+                            visibilityCondition: null,
+                            params: {
+                                existingColspan: 1,
+                                maxColspan: 2
+                            }
+                        }
+                    ]
+                }
+            }
+        ],
+        outcomes: [],
+        metadata: {},
+        variables: []
+    }
+};
 
 /*!
  * @license
@@ -31817,5 +32009,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ABOUT_DIRECTIVES, ADF_AMOUNT_SETTINGS, ADF_COMMENTS_SERVICE, ADF_DATETIME_FORMATS, ADF_DATE_FORMATS, AboutComponent, AboutExtensionListComponent, AboutLicenseListComponent, AboutModule, AboutPanelDirective, AboutRepositoryInfoComponent, AboutServerSettingsComponent, AboutStatusListComponent, AdfDateFnsAdapter, AdfDateTimeFnsAdapter, AmountCellComponent, AmountWidgetComponent, AppConfigPipe, AppConfigService, AppConfigServiceMock, AppConfigValues, AuthBearerInterceptor, AuthGuard, AuthGuardBpm, AuthGuardEcm, AuthGuardService, AuthGuardSsoRoleService, AuthModule, AuthService, AuthenticationConfirmationComponent, AuthenticationService, AvatarComponent, BaseEvent, BaseUIEvent, BaseViewerWidgetComponent, BasicAlfrescoAuthService, BlankPageComponent, BlankPageModule, BooleanCellComponent, BpmProductVersionModel, ButtonComponent, ButtonWidgetComponent, ByPassFormRuleManager, CARD_VIEW_DIRECTIVES, CLIPBOARD_DIRECTIVES, CONTEXT_MENU_DIRECTIVES, CORE_DIRECTIVES, CORE_PIPES, CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR, CardItemTypeService, CardViewArrayItemComponent, CardViewArrayItemModel, CardViewBaseItemModel, CardViewBoolItemComponent, CardViewBoolItemModel, CardViewComponent, CardViewDateItemComponent, CardViewDateItemModel, CardViewDatetimeItemModel, CardViewFloatItemModel, CardViewIntItemModel, CardViewItemDispatcherComponent, CardViewItemFloatValidator, CardViewItemIntValidator, CardViewItemLengthValidator, CardViewItemLongValidator, CardViewItemMatchValidator, CardViewItemMinMaxValidator, CardViewItemPositiveIntValidator, CardViewItemPositiveLongValidator, CardViewKeyValuePairsItemComponent, CardViewKeyValuePairsItemModel, CardViewLongItemModel, CardViewMapItemComponent, CardViewMapItemModel, CardViewModule, CardViewSelectItemComponent, CardViewSelectItemModel, CardViewTextItemComponent, CardViewTextItemModel, CardViewUpdateService, CheckboxWidgetComponent, ClipboardDirective, ClipboardModule, ClipboardService, CloseButtonPosition, ColumnsSelectorComponent, CommentListComponent, CommentListModule, CommentModel, CommentsComponent, CommentsModule, ConfirmDialogComponent, ConfirmDialogModule, ContainerColumnModel, ContainerModel, ContentAuth, ContentLinkModel, ContextMenuDirective, ContextMenuListComponent, ContextMenuModule, ContextMenuOverlayService, CookieService, CookieServiceMock, CoreModule, CustomEmptyContentTemplateDirective, CustomLoadingContentTemplateDirective, CustomNoPermissionTemplateDirective, DATATABLE_DIRECTIVES, DEFAULT_DATE_FORMAT, DEFAULT_LANGUAGE_LIST, DEFAULT_PAGINATION, DIALOG_COMPONENT_DATA, DataCellEvent, DataCellEventModel, DataColumnComponent, DataColumnListComponent, DataRowActionEvent, DataRowActionModel, DataRowEvent, DataSorting, DataTableCellComponent, DataTableComponent, DataTableModule, DataTableRowComponent, DataTableSchema, DataTableService, DateCellComponent, DateColumnHeaderComponent, DateFnsUtils, DateTimePipe, DateTimeWidgetComponent, DateWidgetComponent, DecimalFieldValidator, DecimalNumberModel, DecimalNumberPipe, DecimalRenderMiddlewareService, DecimalWidgetComponent, DialogComponent, DialogSize, DirectiveModule, DisplayTextWidgetComponent, DownloadPromptActions, DownloadPromptDialogComponent, DownloadService, DropZoneDirective, DynamicChipListComponent, DynamicChipListModule, DynamicComponentMapper, DynamicComponentResolver, EXTENDIBLE_COMPONENT, EditJsonDialogComponent, EditJsonDialogModule, EmptyContentComponent, EmptyListBodyDirective, EmptyListComponent, EmptyListFooterDirective, EmptyListHeaderDirective, ErrorContentComponent, ErrorMessageModel, ErrorWidgetComponent, EventMock, FORM_FIELD_MODEL_RENDER_MIDDLEWARE, FORM_FIELD_VALIDATORS, FORM_RULES_MANAGER, FORM_SERVICE_FIELD_VALIDATORS_TOKEN, FieldStylePipe, FileSizeCellComponent, FileSizePipe, FileTypePipe, FileUtils, FixedValueFieldValidator, FormBaseComponent, FormBaseModule, FormErrorEvent, FormEvent, FormFieldComponent, FormFieldEvent, FormFieldModel, FormFieldTypes, FormModel, FormOutcomeEvent, FormOutcomeModel, FormRendererComponent, FormRenderingService, FormRulesEvent, FormRulesManager, FormService, FormSpinnerEvent, FormWidgetModel, FormatSpacePipe, FullNamePipe, HeaderComponent, HeaderFilterTemplateDirective, HeaderLayoutComponent, HeaderWidgetComponent, HighlightDirective, HighlightPipe, HighlightTransformService, HyperlinkWidgetComponent, INFO_DRAWER_DIRECTIVES, IconCellComponent, IconComponent, IconModule, IdentityGroupService, IdentityRoleModel, IdentityRoleService, IdentityUserInfoComponent, IdentityUserInfoModule, IdentityUserService, ImgViewerComponent, InfinitePaginationComponent, InfiniteSelectScrollDirective, InfoDrawerButtonsDirective, InfoDrawerComponent, InfoDrawerContentDirective, InfoDrawerLayoutComponent, InfoDrawerModule, InfoDrawerTabComponent, InfoDrawerTitleDirective, InitialUsernamePipe, InplaceFormInputComponent, InputMaskDirective, JSON_TYPE, JWT_STORAGE_SERVICE, JsonCellComponent, JsonWidgetComponent, JwtHelperService, LANDING_PAGE_TOKEN, LANGUAGE_MENU_DIRECTIVES, LAYOUT_DIRECTIVES, LOGIN_DIRECTIVES, LanguageMenuComponent, LanguageMenuModule, LanguagePickerComponent, LanguageService, LayoutContainerComponent, LoadingContentTemplateDirective, LocalizedDatePipe, LocationCellComponent, LogLevelsEnum, LogService, LoginComponent, LoginDialogPanelComponent, LoginErrorEvent, LoginFooterDirective, LoginHeaderDirective, LoginModule, LoginSubmitEvent, LoginSuccessEvent, LogoutDirective, MASK_DIRECTIVE, MOMENT_DATE_FORMATS, MainMenuDataTableTemplateDirective, MaterialModule, MaxLengthFieldValidator, MaxValueFieldValidator, MediaPlayerComponent, MinLengthFieldValidator, MinValueFieldValidator, ModuleListComponent, MomentDateAdapter, MultiValuePipe, MultilineTextWidgetComponentComponent, NOTIFICATION_HISTORY_DIRECTIVES, NOTIFICATION_TYPE, NavbarComponent, NavbarItemComponent, NoContentTemplateDirective, NoPermissionTemplateDirective, NoopAuthModule, NoopRedirectAuthService, NoopTranslateModule, NoopTranslationService, NotificationHistoryComponent, NotificationHistoryModule, NotificationService, NumberCellComponent, NumberFieldValidator, NumberWidgetComponent, OAuth2Service, ObjectDataColumn, ObjectDataRow, ObjectDataTableAdapter, ObjectUtils, OidcAuthGuard, OidcAuthenticationService, PAGINATION_DIRECTIVES, PDFJS_MODULE, PDFJS_VIEWER_MODULE, PackageListComponent, PageTitleService, PaginationComponent, PaginationModel, PaginationModule, PathInfo, PdfPasswordDialogComponent, PdfThumbComponent, PdfThumbListComponent, PdfViewerComponent, PipeModule, ProcessAuth, ProgressComponent, RedirectAuthService, RedirectionModel, RegExFieldValidator, RepeatWidgetComponent, RequestPaginationModel, RequiredFieldValidator, ResizableDirective, ResizeHandleDirective, SEARCH_AUTOCOMPLETE_VALUE_ACCESSOR, SEARCH_TEXT_INPUT_DIRECTIVES, STORAGE_PREFIX_FACTORY_SERVICE, SearchTextInputComponent, SearchTextModule, SearchTextStateEnum, SearchTriggerDirective, SelectFilterInputComponent, ShowHeaderMode, SidebarActionMenuComponent, SidebarMenuDirective, SidebarMenuExpandIconDirective, SidebarMenuTitleIconDirective, SidenavLayoutComponent, SidenavLayoutContentDirective, SidenavLayoutHeaderDirective, SidenavLayoutModule, SidenavLayoutNavigationDirective, SnackbarContentComponent, SnackbarContentModule, SortByCategoryMapperService, SortingPickerComponent, StartFormCustomButtonDirective, Status, StoragePrefixFactory, StorageService, StringUtils, TEMPLATE_DIRECTIVES, TOOLBAR_DIRECTIVES, TRANSLATION_PROVIDER, TabModel, TaskProcessVariableModel, TemplateModule, TextWidgetComponent, ThumbnailService, TimeAgoPipe, ToolbarComponent, ToolbarDividerComponent, ToolbarModule, ToolbarTitleComponent, TooltipCardComponent, TooltipCardDirective, TranslateLoaderService, TranslationMock, TranslationService, TruncatePipe, TxtViewerComponent, UnitTestingUtils, UnknownFormatComponent, UnknownWidgetComponent, UnsavedChangesDialogComponent, UnsavedChangesDialogModule, UnsavedChangesGuard, UploadDirective, UploadWidgetContentLinkModel, UploadWidgetContentLinkModelOptions, UrlService, User, UserAccessService, UserInfoMode, UserPreferenceValues, UserPreferencesService, VIEWER_DIRECTIVES, ValidateFormEvent, ValidateFormFieldEvent, ViewUtilService, ViewerComponent, ViewerExtensionDirective, ViewerModule, ViewerMoreActionsComponent, ViewerOpenWithComponent, ViewerRenderComponent, ViewerSidebarComponent, ViewerToolbarActionsComponent, ViewerToolbarComponent, ViewerToolbarCustomActionsComponent, WIDGET_DIRECTIVES, WidgetComponent, WidgetVisibilityService, complexVisibilityJsonNotVisible, complexVisibilityJsonVisible, displayTextSchema, error, fakeFormChainedVisibilityJson, fakeFormCheckBoxVisibilityJson, fakeFormJson, formModelTabs, formRulesManagerFactory, formTest, formValues, headerSchema, info, isNumberValue, isOutcomeButtonVisible, logLevels, oauthStorageFactory, predefinedTheme, provideAppConfig, provideAppConfigTesting, provideCoreAuth, provideCoreAuthTesting, provideI18N, provideLandingPage, provideTranslations, rootInitiator, searchAnimation, tabInvalidFormVisibility, tabVisibilityJsonMock, transformKeyToObject, warning };
+export { ABOUT_DIRECTIVES, ADF_AMOUNT_SETTINGS, ADF_COMMENTS_SERVICE, ADF_DATETIME_FORMATS, ADF_DATE_FORMATS, AboutComponent, AboutExtensionListComponent, AboutLicenseListComponent, AboutModule, AboutPanelDirective, AboutRepositoryInfoComponent, AboutServerSettingsComponent, AboutStatusListComponent, AdfDateFnsAdapter, AdfDateTimeFnsAdapter, AmountCellComponent, AmountWidgetComponent, AppConfigPipe, AppConfigService, AppConfigServiceMock, AppConfigValues, AuthBearerInterceptor, AuthGuard, AuthGuardBpm, AuthGuardEcm, AuthGuardService, AuthGuardSsoRoleService, AuthModule, AuthService, AuthenticationConfirmationComponent, AuthenticationService, AvatarComponent, BaseEvent, BaseUIEvent, BaseViewerWidgetComponent, BasicAlfrescoAuthService, BlankPageComponent, BlankPageModule, BooleanCellComponent, BpmProductVersionModel, ButtonComponent, ButtonWidgetComponent, ByPassFormRuleManager, CARD_VIEW_DIRECTIVES, CLIPBOARD_DIRECTIVES, CONTEXT_MENU_DIRECTIVES, CORE_DIRECTIVES, CORE_PIPES, CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR, CardItemTypeService, CardViewArrayItemComponent, CardViewArrayItemModel, CardViewBaseItemModel, CardViewBoolItemComponent, CardViewBoolItemModel, CardViewComponent, CardViewDateItemComponent, CardViewDateItemModel, CardViewDatetimeItemModel, CardViewFloatItemModel, CardViewIntItemModel, CardViewItemDispatcherComponent, CardViewItemFloatValidator, CardViewItemIntValidator, CardViewItemLengthValidator, CardViewItemLongValidator, CardViewItemMatchValidator, CardViewItemMinMaxValidator, CardViewItemPositiveIntValidator, CardViewItemPositiveLongValidator, CardViewKeyValuePairsItemComponent, CardViewKeyValuePairsItemModel, CardViewLongItemModel, CardViewMapItemComponent, CardViewMapItemModel, CardViewModule, CardViewSelectItemComponent, CardViewSelectItemModel, CardViewTextItemComponent, CardViewTextItemModel, CardViewUpdateService, CheckboxWidgetComponent, ClipboardDirective, ClipboardModule, ClipboardService, CloseButtonPosition, ColumnsSelectorComponent, CommentListComponent, CommentListModule, CommentModel, CommentsComponent, CommentsModule, ConfirmDialogComponent, ConfirmDialogModule, ContainerColumnModel, ContainerModel, ContentAuth, ContentLinkModel, ContextMenuDirective, ContextMenuListComponent, ContextMenuModule, ContextMenuOverlayService, CookieService, CookieServiceMock, CoreModule, CustomEmptyContentTemplateDirective, CustomLoadingContentTemplateDirective, CustomNoPermissionTemplateDirective, DATATABLE_DIRECTIVES, DEFAULT_DATE_FORMAT, DEFAULT_LANGUAGE_LIST, DEFAULT_PAGINATION, DIALOG_COMPONENT_DATA, DataCellEvent, DataCellEventModel, DataColumnComponent, DataColumnListComponent, DataRowActionEvent, DataRowActionModel, DataRowEvent, DataSorting, DataTableCellComponent, DataTableComponent, DataTableModule, DataTableRowComponent, DataTableSchema, DataTableService, DateCellComponent, DateColumnHeaderComponent, DateFnsUtils, DateTimePipe, DateTimeWidgetComponent, DateWidgetComponent, DecimalFieldValidator, DecimalNumberModel, DecimalNumberPipe, DecimalRenderMiddlewareService, DecimalWidgetComponent, DialogComponent, DialogSize, DirectiveModule, DisplayTextWidgetComponent, DownloadPromptActions, DownloadPromptDialogComponent, DownloadService, DropZoneDirective, DynamicChipListComponent, DynamicChipListModule, DynamicComponentMapper, DynamicComponentResolver, EXTENDIBLE_COMPONENT, EditJsonDialogComponent, EditJsonDialogModule, EmptyContentComponent, EmptyListBodyDirective, EmptyListComponent, EmptyListFooterDirective, EmptyListHeaderDirective, ErrorContentComponent, ErrorMessageModel, ErrorWidgetComponent, EventMock, FORM_FIELD_MODEL_RENDER_MIDDLEWARE, FORM_FIELD_VALIDATORS, FORM_RULES_MANAGER, FORM_SERVICE_FIELD_VALIDATORS_TOKEN, FieldStylePipe, FileSizeCellComponent, FileSizePipe, FileTypePipe, FileUtils, FixedValueFieldValidator, FormBaseComponent, FormBaseModule, FormErrorEvent, FormEvent, FormFieldComponent, FormFieldEvent, FormFieldModel, FormFieldTypes, FormModel, FormOutcomeEvent, FormOutcomeModel, FormRendererComponent, FormRenderingService, FormRulesEvent, FormRulesManager, FormService, FormSpinnerEvent, FormWidgetModel, FormatSpacePipe, FullNamePipe, HeaderComponent, HeaderFilterTemplateDirective, HeaderLayoutComponent, HeaderWidgetComponent, HighlightDirective, HighlightPipe, HighlightTransformService, HyperlinkWidgetComponent, INFO_DRAWER_DIRECTIVES, IconCellComponent, IconComponent, IconModule, IdentityGroupService, IdentityRoleModel, IdentityRoleService, IdentityUserInfoComponent, IdentityUserInfoModule, IdentityUserService, ImgViewerComponent, InfinitePaginationComponent, InfiniteSelectScrollDirective, InfoDrawerButtonsDirective, InfoDrawerComponent, InfoDrawerContentDirective, InfoDrawerLayoutComponent, InfoDrawerModule, InfoDrawerTabComponent, InfoDrawerTitleDirective, InitialUsernamePipe, InplaceFormInputComponent, InputMaskDirective, JSON_TYPE, JWT_STORAGE_SERVICE, JsonCellComponent, JsonWidgetComponent, JwtHelperService, LANDING_PAGE_TOKEN, LANGUAGE_MENU_DIRECTIVES, LAYOUT_DIRECTIVES, LOGIN_DIRECTIVES, LanguageMenuComponent, LanguageMenuModule, LanguagePickerComponent, LanguageService, LayoutContainerComponent, LoadingContentTemplateDirective, LocalizedDatePipe, LocationCellComponent, LogLevelsEnum, LogService, LoginComponent, LoginDialogPanelComponent, LoginErrorEvent, LoginFooterDirective, LoginHeaderDirective, LoginModule, LoginSubmitEvent, LoginSuccessEvent, LogoutDirective, MASK_DIRECTIVE, MOMENT_DATE_FORMATS, MainMenuDataTableTemplateDirective, MaterialModule, MaxLengthFieldValidator, MaxValueFieldValidator, MediaPlayerComponent, MinLengthFieldValidator, MinValueFieldValidator, ModuleListComponent, MomentDateAdapter, MultiValuePipe, MultilineTextWidgetComponentComponent, NOTIFICATION_HISTORY_DIRECTIVES, NOTIFICATION_TYPE, NavbarComponent, NavbarItemComponent, NoContentTemplateDirective, NoPermissionTemplateDirective, NoopAuthModule, NoopRedirectAuthService, NoopTranslateModule, NoopTranslationService, NotificationHistoryComponent, NotificationHistoryModule, NotificationService, NumberCellComponent, NumberFieldValidator, NumberWidgetComponent, OAuth2Service, ObjectDataColumn, ObjectDataRow, ObjectDataTableAdapter, ObjectUtils, OidcAuthGuard, OidcAuthenticationService, PAGINATION_DIRECTIVES, PDFJS_MODULE, PDFJS_VIEWER_MODULE, PackageListComponent, PageTitleService, PaginationComponent, PaginationModel, PaginationModule, PathInfo, PdfPasswordDialogComponent, PdfThumbComponent, PdfThumbListComponent, PdfViewerComponent, PipeModule, ProcessAuth, ProgressComponent, ROW_ID_PREFIX, RedirectAuthService, RedirectionModel, RegExFieldValidator, RepeatWidgetComponent, RequestPaginationModel, RequiredFieldValidator, ResizableDirective, ResizeHandleDirective, SEARCH_AUTOCOMPLETE_VALUE_ACCESSOR, SEARCH_TEXT_INPUT_DIRECTIVES, STORAGE_PREFIX_FACTORY_SERVICE, SearchTextInputComponent, SearchTextModule, SearchTextStateEnum, SearchTriggerDirective, SelectFilterInputComponent, ShowHeaderMode, SidebarActionMenuComponent, SidebarMenuDirective, SidebarMenuExpandIconDirective, SidebarMenuTitleIconDirective, SidenavLayoutComponent, SidenavLayoutContentDirective, SidenavLayoutHeaderDirective, SidenavLayoutModule, SidenavLayoutNavigationDirective, SnackbarContentComponent, SnackbarContentModule, SortByCategoryMapperService, SortingPickerComponent, StartFormCustomButtonDirective, Status, StoragePrefixFactory, StorageService, StringUtils, TEMPLATE_DIRECTIVES, TOOLBAR_DIRECTIVES, TRANSLATION_PROVIDER, TabModel, TaskProcessVariableModel, TemplateModule, TextWidgetComponent, ThumbnailService, TimeAgoPipe, ToolbarComponent, ToolbarDividerComponent, ToolbarModule, ToolbarTitleComponent, TooltipCardComponent, TooltipCardDirective, TranslateLoaderService, TranslationMock, TranslationService, TruncatePipe, TxtViewerComponent, UnitTestingUtils, UnknownFormatComponent, UnknownWidgetComponent, UnsavedChangesDialogComponent, UnsavedChangesDialogModule, UnsavedChangesGuard, UploadDirective, UploadWidgetContentLinkModel, UploadWidgetContentLinkModelOptions, UrlService, User, UserAccessService, UserInfoMode, UserPreferenceValues, UserPreferencesService, VIEWER_DIRECTIVES, ValidateFormEvent, ValidateFormFieldEvent, ViewUtilService, ViewerComponent, ViewerExtensionDirective, ViewerModule, ViewerMoreActionsComponent, ViewerOpenWithComponent, ViewerRenderComponent, ViewerSidebarComponent, ViewerToolbarActionsComponent, ViewerToolbarComponent, ViewerToolbarCustomActionsComponent, WIDGET_DIRECTIVES, WidgetComponent, WidgetVisibilityService, complexVisibilityJsonNotVisible, complexVisibilityJsonVisible, displayTextSchema, error, fakeFormChainedVisibilityJson, fakeFormCheckBoxVisibilityJson, fakeFormJson, formModelTabs, formRulesManagerFactory, formTest, formValues, headerSchema, info, isNumberValue, isOutcomeButtonVisible, logLevels, oauthStorageFactory, predefinedTheme, provideAppConfig, provideAppConfigTesting, provideCoreAuth, provideCoreAuthTesting, provideI18N, provideLandingPage, provideTranslations, repeatableSectionFormVisibility, rootInitiator, searchAnimation, tabInvalidFormVisibility, tabVisibilityJsonMock, transformKeyToObject, warning };
 //# sourceMappingURL=adf-core.mjs.map