desy-angular 8.0.0 → 8.0.1

package/esm2022/lib/desy-pagination/components/pagination-item-perpage/pagination-item-perpage.component.mjs

@@ -2,10 +2,10 @@ import { ContentBaseComponent } from './../../../shared/components/content-base/
 import { Component, Input } from '@angular/core';
 import * as i0 from "@angular/core";
 export class PaginationItemPerPageComponent extends ContentBaseComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: PaginationItemPerPageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: PaginationItemPerPageComponent, selector: "desy-pagination-item-perpage", inputs: { classes: "classes", value: "value" }, usesInheritance: true, ngImport: i0, template: '<ng-template #contentTemplate><ng-content></ng-content></ng-template>', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: PaginationItemPerPageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.8", type: PaginationItemPerPageComponent, selector: "desy-pagination-item-perpage", inputs: { classes: "classes", value: "value" }, usesInheritance: true, ngImport: i0, template: '<ng-template #contentTemplate><ng-content></ng-content></ng-template>', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: PaginationItemPerPageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: PaginationItemPerPageComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'desy-pagination-item-perpage',

package/esm2022/lib/desy-pagination/components/pagination-listbox-label/pagination-listbox-label.component.mjs

@@ -2,10 +2,10 @@ import { ContentBaseComponent } from './../../../shared/components/content-base/
 import { Component, Input } from '@angular/core';
 import * as i0 from "@angular/core";
 export class PaginationListboxLabelComponent extends ContentBaseComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: PaginationListboxLabelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: PaginationListboxLabelComponent, selector: "desy-pagination-listbox-label", inputs: { classes: "classes" }, usesInheritance: true, ngImport: i0, template: '<ng-template #contentTemplate><ng-content></ng-content></ng-template>', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: PaginationListboxLabelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.8", type: PaginationListboxLabelComponent, selector: "desy-pagination-listbox-label", inputs: { classes: "classes" }, usesInheritance: true, ngImport: i0, template: '<ng-template #contentTemplate><ng-content></ng-content></ng-template>', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: PaginationListboxLabelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: PaginationListboxLabelComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'desy-pagination-listbox-label',

package/esm2022/lib/desy-pagination/desy-pagination.module.mjs

@@ -8,8 +8,8 @@ import { DesyButtonsModule } from '../desy-buttons/desy-buttons.module';
 import { PaginationComponent } from './components/pagination/pagination.component';
 import * as i0 from "@angular/core";
 export class DesyPaginationModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: DesyPaginationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.7", ngImport: i0, type: DesyPaginationModule, declarations: [PaginationComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: DesyPaginationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.8", ngImport: i0, type: DesyPaginationModule, declarations: [PaginationComponent,
             PaginationListboxLabelComponent,
             PaginationItemPerPageComponent], imports: [CommonModule,
             SharedModule,
@@ -17,12 +17,12 @@ export class DesyPaginationModule {
             DesyButtonsModule], exports: [PaginationComponent,
             PaginationListboxLabelComponent,
             PaginationItemPerPageComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: DesyPaginationModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: DesyPaginationModule, imports: [CommonModule,
             SharedModule,
             DesyNavModule,
             DesyButtonsModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: DesyPaginationModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: DesyPaginationModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/esm2022/lib/desy-tables/components/table/components/table-caption.component.mjs

@@ -2,10 +2,10 @@ import { Component, Input } from '@angular/core';
 import { ContentBaseComponent } from '../../../../shared/components';
 import * as i0 from "@angular/core";
 export class TableCaptionComponent extends ContentBaseComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: TableCaptionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: TableCaptionComponent, selector: "desy-table-caption", inputs: { classes: "classes" }, usesInheritance: true, ngImport: i0, template: '<ng-template #contentTemplate><ng-content></ng-content></ng-template>', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: TableCaptionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.8", type: TableCaptionComponent, selector: "desy-table-caption", inputs: { classes: "classes" }, usesInheritance: true, ngImport: i0, template: '<ng-template #contentTemplate><ng-content></ng-content></ng-template>', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: TableCaptionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: TableCaptionComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'desy-table-caption',

package/esm2022/lib/desy-tables/components/table/components/table-cell.component.mjs

@@ -2,10 +2,10 @@ import { Component, Input } from '@angular/core';
 import { ContentBaseComponent } from '../../../../shared/components';
 import * as i0 from "@angular/core";
 export class TableCellComponent extends ContentBaseComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: TableCellComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: TableCellComponent, selector: "desy-table-cell", inputs: { classes: "classes", id: "id", colspan: "colspan", rowspan: "rowspan" }, usesInheritance: true, ngImport: i0, template: '<ng-template #contentTemplate><ng-content></ng-content></ng-template>', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: TableCellComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.8", type: TableCellComponent, selector: "desy-table-cell", inputs: { classes: "classes", id: "id", colspan: "colspan", rowspan: "rowspan" }, usesInheritance: true, ngImport: i0, template: '<ng-template #contentTemplate><ng-content></ng-content></ng-template>', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: TableCellComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: TableCellComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'desy-table-cell',

package/esm2022/lib/desy-tables/components/table/components/table-header.component.mjs

@@ -2,10 +2,10 @@ import { Component, ContentChildren, QueryList } from '@angular/core';
 import { TableCellComponent } from './table-cell.component';
 import * as i0 from "@angular/core";
 export class TableHeaderComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: TableHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: TableHeaderComponent, selector: "desy-table-header", queries: [{ propertyName: "cells", predicate: TableCellComponent }], ngImport: i0, template: '', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: TableHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.8", type: TableHeaderComponent, selector: "desy-table-header", queries: [{ propertyName: "cells", predicate: TableCellComponent }], ngImport: i0, template: '', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: TableHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: TableHeaderComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'desy-table-header',

package/esm2022/lib/desy-tables/components/table/components/table-row.component.mjs

@@ -2,10 +2,10 @@ import { Component, ContentChildren, QueryList } from '@angular/core';
 import { TableCellComponent } from './table-cell.component';
 import * as i0 from "@angular/core";
 export class TableRowComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: TableRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: TableRowComponent, selector: "desy-table-row", queries: [{ propertyName: "cells", predicate: TableCellComponent }], ngImport: i0, template: '', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: TableRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.8", type: TableRowComponent, selector: "desy-table-row", queries: [{ propertyName: "cells", predicate: TableCellComponent }], ngImport: i0, template: '', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: TableRowComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: TableRowComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'desy-table-row',

package/esm2022/lib/desy-tables/components/table/table.component.mjs

@@ -36,8 +36,8 @@ export class TableComponent extends AccessibilityComponent {
     getRowCells(row) {
         return row instanceof TableRowComponent ? row.cells.toArray() : row;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: TableComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: TableComponent, selector: "desy-table", inputs: { rows: "rows", head: "head", caption: "caption", captionClasses: "captionClasses", firstCellIsHeader: "firstCellIsHeader", classes: "classes", id: "id", wrapper: "wrapper" }, queries: [{ propertyName: "captionComponent", predicate: TableCaptionComponent }, { propertyName: "headerComponent", predicate: TableHeaderComponent }, { propertyName: "rowComponentList", predicate: TableRowComponent }], usesInheritance: true, ngImport: i0, template: "<ng-template #tableContent>\n  <table [class]=\"['c-table', classes] | makeHtmlList\"\n         [attr.id]=\"id ? id : null\"\n         [attr.role]=\"role\"\n         [attr.aria-describedby]=\"ariaDescribedBy\"\n         [attr.aria-errormessage]=\"ariaErrorMessage\"\n         [attr.aria-label]=\"ariaLabel\"\n         [attr.aria-labelledby]=\"ariaLabelledBy\"\n         [attr.aria-hidden]=\"ariaHidden\"\n         [attr.aria-disabled]=\"ariaDisabled\"\n         [attr.aria-controls]=\"ariaControls\"\n         [attr.aria-current]=\"ariaCurrent\"\n         [attr.aria-live]=\"ariaLive\"\n         [attr.aria-expanded]=\"ariaExpanded\"\n         [attr.aria-haspopup]=\"ariaHasPopup\"\n         [attr.tabindex]=\"tabindex\">\n    <caption *ngIf=\"caption || captionComponent\" [class]=\"getCaptionClass()\">\n      <ng-container *desyCustomInnerContent=\"{ component: captionComponent, text: caption ? caption : null }\"></ng-container>\n    </caption>\n    <thead *ngIf=\"head || headerComponent\">\n      <tr class=\"border-t border-b border-neutral-base\">\n        <ng-container *ngFor=\"let headerCell of getHeaderCells()\">\n          <th scope=\"col\"\n              [class]=\"['align-top px-base py-sm text-left font-normal text-sm text-neutral-dark', headerCell.classes] | makeHtmlList\"\n              [attr.colspan]=\"(headerCell.colspan ?  headerCell.colspan : null)\"\n              [attr.rowspan]=\"(headerCell.rowspan ? headerCell.rowspan : null)\"\n              [attr.id]=\"headerCell.id ? headerCell.id : null\"\n              [attr.role]=\"headerCell.role\"\n              [attr.aria-describedby]=\"headerCell.ariaDescribedBy\"\n              [attr.aria-errormessage]=\"headerCell.ariaErrorMessage\"\n              [attr.aria-label]=\"headerCell.ariaLabel\"\n              [attr.aria-labelledby]=\"headerCell.ariaLabelledBy\"\n              [attr.aria-hidden]=\"headerCell.ariaHidden\"\n              [attr.aria-disabled]=\"headerCell.ariaDisabled\"\n              [attr.aria-controls]=\"headerCell.ariaControls\"\n              [attr.aria-current]=\"headerCell.ariaCurrent\"\n              [attr.aria-live]=\"headerCell.ariaLive\"\n              [attr.aria-expanded]=\"headerCell.ariaExpanded\"\n              [attr.aria-haspopup]=\"headerCell.ariaHasPopup\"\n              [attr.tabindex]=\"headerCell.tabindex\">\n            <ng-container *desyCustomInnerContent=\"{ component: headerCell, html: headerCell.html, text: headerCell.text }\"></ng-container>\n          </th>\n        </ng-container>\n      </tr>\n    </thead>\n    <tbody>\n      <tr *ngFor=\"let row of getRows(); index as rowIndex\" class=\"border-t border-b border-neutral-base\">\n          <ng-container *ngFor=\"let cell of getRowCells(row); first as isFirst; index as cellIndex\">\n              <th *ngIf=\"firstCellIsHeader && isFirst; else elseTd\" scope=\"row\"\n                  [class]=\"['align-top px-base py-sm text-left font-normal text-sm text-neutral-dark', cell.classes] | makeHtmlList\"\n                  [attr.colspan]=\"cell.colspan ? cell.colspan  : null\"\n                  [attr.rowspan]=\"cell.rowspan ? cell.rowspan  : null\"\n                  [attr.id]=\"cell.id ? cell.id : null\"\n                  [attr.role]=\"cell.role ? cell.role : null\"\n                  [attr.aria-label]=\"cell.ariaLabel ? cell.ariaLabel : null\"\n                  [attr.aria-describedby]=\"cell.ariaDescribedBy ? cell.ariaDescribedBy : null\"\n                  [attr.aria-labelledby]=\"cell.ariaLabelledBy ? cell.ariaLabelledBy : null\"\n                  [attr.aria-hidden]=\"cell.ariaHidden ? cell.ariaHidden : null\"\n                  [attr.aria-disabled]=\"cell.ariaDisabled ? cell.ariaDisabled : null\"\n                  [attr.aria-controls]=\"cell.ariaControls ? cell.ariaControls : null\"\n                  [attr.aria-current]=\"cell.ariaCurrent ? cell.ariaCurrent : null\"\n                  [attr.aria-live]=\"cell.ariaLive ? cell.ariaLive : null\"\n                  [attr.aria-expanded]=\"cell.ariaExpanded ? cell.ariaExpanded : null\"\n                  [attr.aria-errormessage]=\"cell.ariaErrorMessage ? cell.ariaErrorMessage : null\"\n                  [attr.aria-haspopup]=\"cell.ariaHasPopup ? cell.ariaHasPopup : null\"\n                  [attr.tabindex]=\"cell.tabindex ? cell.tabindex : null\">\n                <ng-container *desyCustomInnerContent=\"{ component: cell, html: cell.html, text: cell.text }\"></ng-container>\n              </th>\n              <ng-template #elseTd>\n                  <td [class]=\"['px-base py-sm', cell.classes] | makeHtmlList\"\n                      [attr.colspan]=\"cell.colspan ? cell.colspan  : null\"\n                      [attr.rowspan]=\"cell.rowspan ? cell.rowspan  : null\"\n                      [attr.id]=\"cell.id ? cell.id : null\"\n                      [attr.role]=\"cell.role ? cell.role : null\"\n                      [attr.aria-label]=\"cell.ariaLabel ? cell.ariaLabel : null\"\n                      [attr.aria-describedby]=\"cell.ariaDescribedBy ? cell.ariaDescribedBy : null\"\n                      [attr.aria-labelledby]=\"cell.ariaLabelledBy ? cell.ariaLabelledBy : null\"\n                      [attr.aria-hidden]=\"cell.ariaHidden ? cell.ariaHidden : null\"\n                      [attr.aria-disabled]=\"cell.ariaDisabled ? cell.ariaDisabled : null\"\n                      [attr.aria-controls]=\"cell.ariaControls ? cell.ariaControls : null\"\n                      [attr.aria-current]=\"cell.ariaCurrent ? cell.ariaCurrent : null\"\n                      [attr.aria-live]=\"cell.ariaLive ? cell.ariaLive : null\"\n                      [attr.aria-expanded]=\"cell.ariaExpanded ? cell.ariaExpanded : null\"\n                      [attr.aria-errormessage]=\"cell.ariaErrorMessage ? cell.ariaErrorMessage : null\"\n                      [attr.aria-haspopup]=\"cell.ariaHasPopup ? cell.ariaHasPopup : null\"\n                      [attr.tabindex]=\"cell.tabindex ? cell.tabindex : null\">\n                    <ng-container *desyCustomInnerContent=\"{ component: cell, html: cell.html, text: cell.text }\"></ng-container>\n                  </td>\n              </ng-template>\n          </ng-container>\n      </tr>\n    </tbody>\n  </table>\n</ng-template>\n\n<div *ngIf=\"wrapper; else tableContent\" [class]=\"wrapper.classes\">\n  <ng-container *ngTemplateOutlet=\"tableContent\"></ng-container>\n</div>\n", dependencies: [{ 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: i2.CustomInnerContentDirective, selector: "[desyCustomInnerContent]", inputs: ["desyCustomInnerContent"] }, { kind: "pipe", type: i3.MakeHtmlListPipe, name: "makeHtmlList" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: TableComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.8", type: TableComponent, selector: "desy-table", inputs: { rows: "rows", head: "head", caption: "caption", captionClasses: "captionClasses", firstCellIsHeader: "firstCellIsHeader", classes: "classes", id: "id", wrapper: "wrapper" }, queries: [{ propertyName: "captionComponent", predicate: TableCaptionComponent }, { propertyName: "headerComponent", predicate: TableHeaderComponent }, { propertyName: "rowComponentList", predicate: TableRowComponent }], usesInheritance: true, ngImport: i0, template: "<ng-template #tableContent>\n  <table [class]=\"['c-table', classes] | makeHtmlList\"\n         [attr.id]=\"id ? id : null\"\n         [attr.role]=\"role\"\n         [attr.aria-describedby]=\"ariaDescribedBy\"\n         [attr.aria-errormessage]=\"ariaErrorMessage\"\n         [attr.aria-label]=\"ariaLabel\"\n         [attr.aria-labelledby]=\"ariaLabelledBy\"\n         [attr.aria-hidden]=\"ariaHidden\"\n         [attr.aria-disabled]=\"ariaDisabled\"\n         [attr.aria-controls]=\"ariaControls\"\n         [attr.aria-current]=\"ariaCurrent\"\n         [attr.aria-live]=\"ariaLive\"\n         [attr.aria-expanded]=\"ariaExpanded\"\n         [attr.aria-haspopup]=\"ariaHasPopup\"\n         [attr.tabindex]=\"tabindex\">\n    <caption *ngIf=\"caption || captionComponent\" [class]=\"getCaptionClass()\">\n      <ng-container *desyCustomInnerContent=\"{ component: captionComponent, text: caption ? caption : null }\"></ng-container>\n    </caption>\n    <thead *ngIf=\"head || headerComponent\">\n      <tr class=\"border-t border-b border-neutral-base\">\n        <ng-container *ngFor=\"let headerCell of getHeaderCells()\">\n          <th scope=\"col\"\n              [class]=\"['align-top px-base py-sm text-left font-normal text-sm text-neutral-dark', headerCell.classes] | makeHtmlList\"\n              [attr.colspan]=\"(headerCell.colspan ?  headerCell.colspan : null)\"\n              [attr.rowspan]=\"(headerCell.rowspan ? headerCell.rowspan : null)\"\n              [attr.id]=\"headerCell.id ? headerCell.id : null\"\n              [attr.role]=\"headerCell.role\"\n              [attr.aria-describedby]=\"headerCell.ariaDescribedBy\"\n              [attr.aria-errormessage]=\"headerCell.ariaErrorMessage\"\n              [attr.aria-label]=\"headerCell.ariaLabel\"\n              [attr.aria-labelledby]=\"headerCell.ariaLabelledBy\"\n              [attr.aria-hidden]=\"headerCell.ariaHidden\"\n              [attr.aria-disabled]=\"headerCell.ariaDisabled\"\n              [attr.aria-controls]=\"headerCell.ariaControls\"\n              [attr.aria-current]=\"headerCell.ariaCurrent\"\n              [attr.aria-live]=\"headerCell.ariaLive\"\n              [attr.aria-expanded]=\"headerCell.ariaExpanded\"\n              [attr.aria-haspopup]=\"headerCell.ariaHasPopup\"\n              [attr.tabindex]=\"headerCell.tabindex\">\n            <ng-container *desyCustomInnerContent=\"{ component: headerCell, html: headerCell.html, text: headerCell.text }\"></ng-container>\n          </th>\n        </ng-container>\n      </tr>\n    </thead>\n    <tbody>\n      <tr *ngFor=\"let row of getRows(); index as rowIndex\" class=\"border-t border-b border-neutral-base\">\n          <ng-container *ngFor=\"let cell of getRowCells(row); first as isFirst; index as cellIndex\">\n              <th *ngIf=\"firstCellIsHeader && isFirst; else elseTd\" scope=\"row\"\n                  [class]=\"['align-top px-base py-sm text-left font-normal text-sm text-neutral-dark', cell.classes] | makeHtmlList\"\n                  [attr.colspan]=\"cell.colspan ? cell.colspan  : null\"\n                  [attr.rowspan]=\"cell.rowspan ? cell.rowspan  : null\"\n                  [attr.id]=\"cell.id ? cell.id : null\"\n                  [attr.role]=\"cell.role ? cell.role : null\"\n                  [attr.aria-label]=\"cell.ariaLabel ? cell.ariaLabel : null\"\n                  [attr.aria-describedby]=\"cell.ariaDescribedBy ? cell.ariaDescribedBy : null\"\n                  [attr.aria-labelledby]=\"cell.ariaLabelledBy ? cell.ariaLabelledBy : null\"\n                  [attr.aria-hidden]=\"cell.ariaHidden ? cell.ariaHidden : null\"\n                  [attr.aria-disabled]=\"cell.ariaDisabled ? cell.ariaDisabled : null\"\n                  [attr.aria-controls]=\"cell.ariaControls ? cell.ariaControls : null\"\n                  [attr.aria-current]=\"cell.ariaCurrent ? cell.ariaCurrent : null\"\n                  [attr.aria-live]=\"cell.ariaLive ? cell.ariaLive : null\"\n                  [attr.aria-expanded]=\"cell.ariaExpanded ? cell.ariaExpanded : null\"\n                  [attr.aria-errormessage]=\"cell.ariaErrorMessage ? cell.ariaErrorMessage : null\"\n                  [attr.aria-haspopup]=\"cell.ariaHasPopup ? cell.ariaHasPopup : null\"\n                  [attr.tabindex]=\"cell.tabindex ? cell.tabindex : null\">\n                <ng-container *desyCustomInnerContent=\"{ component: cell, html: cell.html, text: cell.text }\"></ng-container>\n              </th>\n              <ng-template #elseTd>\n                  <td [class]=\"['px-base py-sm', cell.classes] | makeHtmlList\"\n                      [attr.colspan]=\"cell.colspan ? cell.colspan  : null\"\n                      [attr.rowspan]=\"cell.rowspan ? cell.rowspan  : null\"\n                      [attr.id]=\"cell.id ? cell.id : null\"\n                      [attr.role]=\"cell.role ? cell.role : null\"\n                      [attr.aria-label]=\"cell.ariaLabel ? cell.ariaLabel : null\"\n                      [attr.aria-describedby]=\"cell.ariaDescribedBy ? cell.ariaDescribedBy : null\"\n                      [attr.aria-labelledby]=\"cell.ariaLabelledBy ? cell.ariaLabelledBy : null\"\n                      [attr.aria-hidden]=\"cell.ariaHidden ? cell.ariaHidden : null\"\n                      [attr.aria-disabled]=\"cell.ariaDisabled ? cell.ariaDisabled : null\"\n                      [attr.aria-controls]=\"cell.ariaControls ? cell.ariaControls : null\"\n                      [attr.aria-current]=\"cell.ariaCurrent ? cell.ariaCurrent : null\"\n                      [attr.aria-live]=\"cell.ariaLive ? cell.ariaLive : null\"\n                      [attr.aria-expanded]=\"cell.ariaExpanded ? cell.ariaExpanded : null\"\n                      [attr.aria-errormessage]=\"cell.ariaErrorMessage ? cell.ariaErrorMessage : null\"\n                      [attr.aria-haspopup]=\"cell.ariaHasPopup ? cell.ariaHasPopup : null\"\n                      [attr.tabindex]=\"cell.tabindex ? cell.tabindex : null\">\n                    <ng-container *desyCustomInnerContent=\"{ component: cell, html: cell.html, text: cell.text }\"></ng-container>\n                  </td>\n              </ng-template>\n          </ng-container>\n      </tr>\n    </tbody>\n  </table>\n</ng-template>\n\n<div *ngIf=\"wrapper; else tableContent\" [class]=\"wrapper.classes\">\n  <ng-container *ngTemplateOutlet=\"tableContent\"></ng-container>\n</div>\n", dependencies: [{ 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: i2.CustomInnerContentDirective, selector: "[desyCustomInnerContent]", inputs: ["desyCustomInnerContent"] }, { kind: "pipe", type: i3.MakeHtmlListPipe, name: "makeHtmlList" }] }); }
 }
 __decorate([
     DesyContentChild(),
@@ -47,7 +47,7 @@ __decorate([
     DesyContentChild(),
     __metadata("design:type", TableHeaderComponent)
 ], TableComponent.prototype, "headerComponent", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: TableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: TableComponent, decorators: [{
             type: Component,
             args: [{ selector: 'desy-table', template: "<ng-template #tableContent>\n  <table [class]=\"['c-table', classes] | makeHtmlList\"\n         [attr.id]=\"id ? id : null\"\n         [attr.role]=\"role\"\n         [attr.aria-describedby]=\"ariaDescribedBy\"\n         [attr.aria-errormessage]=\"ariaErrorMessage\"\n         [attr.aria-label]=\"ariaLabel\"\n         [attr.aria-labelledby]=\"ariaLabelledBy\"\n         [attr.aria-hidden]=\"ariaHidden\"\n         [attr.aria-disabled]=\"ariaDisabled\"\n         [attr.aria-controls]=\"ariaControls\"\n         [attr.aria-current]=\"ariaCurrent\"\n         [attr.aria-live]=\"ariaLive\"\n         [attr.aria-expanded]=\"ariaExpanded\"\n         [attr.aria-haspopup]=\"ariaHasPopup\"\n         [attr.tabindex]=\"tabindex\">\n    <caption *ngIf=\"caption || captionComponent\" [class]=\"getCaptionClass()\">\n      <ng-container *desyCustomInnerContent=\"{ component: captionComponent, text: caption ? caption : null }\"></ng-container>\n    </caption>\n    <thead *ngIf=\"head || headerComponent\">\n      <tr class=\"border-t border-b border-neutral-base\">\n        <ng-container *ngFor=\"let headerCell of getHeaderCells()\">\n          <th scope=\"col\"\n              [class]=\"['align-top px-base py-sm text-left font-normal text-sm text-neutral-dark', headerCell.classes] | makeHtmlList\"\n              [attr.colspan]=\"(headerCell.colspan ?  headerCell.colspan : null)\"\n              [attr.rowspan]=\"(headerCell.rowspan ? headerCell.rowspan : null)\"\n              [attr.id]=\"headerCell.id ? headerCell.id : null\"\n              [attr.role]=\"headerCell.role\"\n              [attr.aria-describedby]=\"headerCell.ariaDescribedBy\"\n              [attr.aria-errormessage]=\"headerCell.ariaErrorMessage\"\n              [attr.aria-label]=\"headerCell.ariaLabel\"\n              [attr.aria-labelledby]=\"headerCell.ariaLabelledBy\"\n              [attr.aria-hidden]=\"headerCell.ariaHidden\"\n              [attr.aria-disabled]=\"headerCell.ariaDisabled\"\n              [attr.aria-controls]=\"headerCell.ariaControls\"\n              [attr.aria-current]=\"headerCell.ariaCurrent\"\n              [attr.aria-live]=\"headerCell.ariaLive\"\n              [attr.aria-expanded]=\"headerCell.ariaExpanded\"\n              [attr.aria-haspopup]=\"headerCell.ariaHasPopup\"\n              [attr.tabindex]=\"headerCell.tabindex\">\n            <ng-container *desyCustomInnerContent=\"{ component: headerCell, html: headerCell.html, text: headerCell.text }\"></ng-container>\n          </th>\n        </ng-container>\n      </tr>\n    </thead>\n    <tbody>\n      <tr *ngFor=\"let row of getRows(); index as rowIndex\" class=\"border-t border-b border-neutral-base\">\n          <ng-container *ngFor=\"let cell of getRowCells(row); first as isFirst; index as cellIndex\">\n              <th *ngIf=\"firstCellIsHeader && isFirst; else elseTd\" scope=\"row\"\n                  [class]=\"['align-top px-base py-sm text-left font-normal text-sm text-neutral-dark', cell.classes] | makeHtmlList\"\n                  [attr.colspan]=\"cell.colspan ? cell.colspan  : null\"\n                  [attr.rowspan]=\"cell.rowspan ? cell.rowspan  : null\"\n                  [attr.id]=\"cell.id ? cell.id : null\"\n                  [attr.role]=\"cell.role ? cell.role : null\"\n                  [attr.aria-label]=\"cell.ariaLabel ? cell.ariaLabel : null\"\n                  [attr.aria-describedby]=\"cell.ariaDescribedBy ? cell.ariaDescribedBy : null\"\n                  [attr.aria-labelledby]=\"cell.ariaLabelledBy ? cell.ariaLabelledBy : null\"\n                  [attr.aria-hidden]=\"cell.ariaHidden ? cell.ariaHidden : null\"\n                  [attr.aria-disabled]=\"cell.ariaDisabled ? cell.ariaDisabled : null\"\n                  [attr.aria-controls]=\"cell.ariaControls ? cell.ariaControls : null\"\n                  [attr.aria-current]=\"cell.ariaCurrent ? cell.ariaCurrent : null\"\n                  [attr.aria-live]=\"cell.ariaLive ? cell.ariaLive : null\"\n                  [attr.aria-expanded]=\"cell.ariaExpanded ? cell.ariaExpanded : null\"\n                  [attr.aria-errormessage]=\"cell.ariaErrorMessage ? cell.ariaErrorMessage : null\"\n                  [attr.aria-haspopup]=\"cell.ariaHasPopup ? cell.ariaHasPopup : null\"\n                  [attr.tabindex]=\"cell.tabindex ? cell.tabindex : null\">\n                <ng-container *desyCustomInnerContent=\"{ component: cell, html: cell.html, text: cell.text }\"></ng-container>\n              </th>\n              <ng-template #elseTd>\n                  <td [class]=\"['px-base py-sm', cell.classes] | makeHtmlList\"\n                      [attr.colspan]=\"cell.colspan ? cell.colspan  : null\"\n                      [attr.rowspan]=\"cell.rowspan ? cell.rowspan  : null\"\n                      [attr.id]=\"cell.id ? cell.id : null\"\n                      [attr.role]=\"cell.role ? cell.role : null\"\n                      [attr.aria-label]=\"cell.ariaLabel ? cell.ariaLabel : null\"\n                      [attr.aria-describedby]=\"cell.ariaDescribedBy ? cell.ariaDescribedBy : null\"\n                      [attr.aria-labelledby]=\"cell.ariaLabelledBy ? cell.ariaLabelledBy : null\"\n                      [attr.aria-hidden]=\"cell.ariaHidden ? cell.ariaHidden : null\"\n                      [attr.aria-disabled]=\"cell.ariaDisabled ? cell.ariaDisabled : null\"\n                      [attr.aria-controls]=\"cell.ariaControls ? cell.ariaControls : null\"\n                      [attr.aria-current]=\"cell.ariaCurrent ? cell.ariaCurrent : null\"\n                      [attr.aria-live]=\"cell.ariaLive ? cell.ariaLive : null\"\n                      [attr.aria-expanded]=\"cell.ariaExpanded ? cell.ariaExpanded : null\"\n                      [attr.aria-errormessage]=\"cell.ariaErrorMessage ? cell.ariaErrorMessage : null\"\n                      [attr.aria-haspopup]=\"cell.ariaHasPopup ? cell.ariaHasPopup : null\"\n                      [attr.tabindex]=\"cell.tabindex ? cell.tabindex : null\">\n                    <ng-container *desyCustomInnerContent=\"{ component: cell, html: cell.html, text: cell.text }\"></ng-container>\n                  </td>\n              </ng-template>\n          </ng-container>\n      </tr>\n    </tbody>\n  </table>\n</ng-template>\n\n<div *ngIf=\"wrapper; else tableContent\" [class]=\"wrapper.classes\">\n  <ng-container *ngTemplateOutlet=\"tableContent\"></ng-container>\n</div>\n" }]
         }], propDecorators: { rows: [{

package/esm2022/lib/desy-tables/components/table-advanced/components/table-advanced-header-cell.component.mjs

@@ -7,8 +7,8 @@ import { OrderBy } from '../../../interfaces';
 import { ContentBaseComponent } from '../../../../shared/components';
 import * as i0 from "@angular/core";
 export class TableAdvancedHeaderCellComponent extends ContentBaseComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: TableAdvancedHeaderCellComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: TableAdvancedHeaderCellComponent, selector: "desy-table-advanced-header-cell", inputs: { classes: "classes", id: "id", colspan: "colspan", rowspan: "rowspan", orderBy: "orderBy", hasFilter: "hasFilter", filterClasses: "filterClasses", hasSelect: "hasSelect" }, queries: [{ propertyName: "selectComponent", predicate: TableAdvancedSelectComponent }, { propertyName: "contentComponent", predicate: ContentComponent }], usesInheritance: true, ngImport: i0, template: '<ng-template #contentTemplate><ng-content></ng-content></ng-template>', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: TableAdvancedHeaderCellComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.8", type: TableAdvancedHeaderCellComponent, selector: "desy-table-advanced-header-cell", inputs: { classes: "classes", id: "id", colspan: "colspan", rowspan: "rowspan", orderBy: "orderBy", hasFilter: "hasFilter", filterClasses: "filterClasses", hasSelect: "hasSelect" }, queries: [{ propertyName: "selectComponent", predicate: TableAdvancedSelectComponent }, { propertyName: "contentComponent", predicate: ContentComponent }], usesInheritance: true, ngImport: i0, template: '<ng-template #contentTemplate><ng-content></ng-content></ng-template>', isInline: true }); }
 }
 __decorate([
     DesyContentChild(),
@@ -18,7 +18,7 @@ __decorate([
     DesyContentChild(),
     __metadata("design:type", ContentComponent)
 ], TableAdvancedHeaderCellComponent.prototype, "contentComponent", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: TableAdvancedHeaderCellComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: TableAdvancedHeaderCellComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'desy-table-advanced-header-cell',

package/esm2022/lib/desy-tables/components/table-advanced/components/table-advanced-header.component.mjs

@@ -2,10 +2,10 @@ import { Component, ContentChildren, QueryList } from '@angular/core';
 import { TableAdvancedHeaderCellComponent } from './table-advanced-header-cell.component';
 import * as i0 from "@angular/core";
 export class TableAdvancedHeaderComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: TableAdvancedHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: TableAdvancedHeaderComponent, selector: "desy-table-advanced-header", queries: [{ propertyName: "cells", predicate: TableAdvancedHeaderCellComponent }], ngImport: i0, template: '', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: TableAdvancedHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.8", type: TableAdvancedHeaderComponent, selector: "desy-table-advanced-header", queries: [{ propertyName: "cells", predicate: TableAdvancedHeaderCellComponent }], ngImport: i0, template: '', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: TableAdvancedHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: TableAdvancedHeaderComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'desy-table-advanced-header',

package/esm2022/lib/desy-tables/components/table-advanced/components/table-advanced-row-cell.component.mjs

@@ -2,10 +2,10 @@ import { Component, Input } from '@angular/core';
 import { ContentBaseComponent } from '../../../../shared/components';
 import * as i0 from "@angular/core";
 export class TableAdvancedRowCellComponent extends ContentBaseComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: TableAdvancedRowCellComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: TableAdvancedRowCellComponent, selector: "desy-table-advanced-row-cell", inputs: { classes: "classes", id: "id", colspan: "colspan", rowspan: "rowspan" }, usesInheritance: true, ngImport: i0, template: '<ng-template #contentTemplate><ng-content></ng-content></ng-template>', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: TableAdvancedRowCellComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.8", type: TableAdvancedRowCellComponent, selector: "desy-table-advanced-row-cell", inputs: { classes: "classes", id: "id", colspan: "colspan", rowspan: "rowspan" }, usesInheritance: true, ngImport: i0, template: '<ng-template #contentTemplate><ng-content></ng-content></ng-template>', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: TableAdvancedRowCellComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: TableAdvancedRowCellComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'desy-table-advanced-row-cell',

package/esm2022/lib/desy-tables/components/table-advanced/components/table-advanced-row.component.mjs

@@ -5,10 +5,10 @@ export class TableAdvancedRowComponent {
     constructor() {
         this.checkedChange = new EventEmitter();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: TableAdvancedRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: TableAdvancedRowComponent, selector: "desy-table-advanced-row", inputs: { id: "id", checked: "checked" }, outputs: { checkedChange: "checkedChange" }, queries: [{ propertyName: "cellsList", predicate: TableAdvancedRowCellComponent }], ngImport: i0, template: '', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: TableAdvancedRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.8", type: TableAdvancedRowComponent, selector: "desy-table-advanced-row", inputs: { id: "id", checked: "checked" }, outputs: { checkedChange: "checkedChange" }, queries: [{ propertyName: "cellsList", predicate: TableAdvancedRowCellComponent }], ngImport: i0, template: '', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: TableAdvancedRowComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: TableAdvancedRowComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'desy-table-advanced-row',

package/esm2022/lib/desy-tables/components/table-advanced/components/table-advanced-select.component.mjs

@@ -8,10 +8,10 @@ export class TableAdvancedSelectComponent extends SelectComponent {
         this.isSelect = true;
         this.valueChange = new EventEmitter();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: TableAdvancedSelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: TableAdvancedSelectComponent, selector: "desy-table-advanced-select", inputs: { value: "value" }, outputs: { valueChange: "valueChange" }, queries: [{ propertyName: "selectItemComponentList", predicate: OptionComponent }], usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: TableAdvancedSelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.8", type: TableAdvancedSelectComponent, selector: "desy-table-advanced-select", inputs: { value: "value" }, outputs: { valueChange: "valueChange" }, queries: [{ propertyName: "selectItemComponentList", predicate: OptionComponent }], usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: TableAdvancedSelectComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: TableAdvancedSelectComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'desy-table-advanced-select',

package/esm2022/lib/desy-tables/components/table-advanced/table-advanced.component.mjs

@@ -228,8 +228,8 @@ export class TableAdvancedComponent extends AccessibilityComponent {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: TableAdvancedComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: TableAdvancedComponent, selector: "desy-table-advanced", inputs: { rows: "rows", head: "head", caption: "caption", captionClasses: "captionClasses", firstCellIsHeader: "firstCellIsHeader", hasCheckboxes: "hasCheckboxes", idPrefix: "idPrefix", classes: "classes", checkboxClasses: "checkboxClasses", id: "id", wrapper: "wrapper" }, outputs: { rowsChange: "rowsChange", rowsChecked: "rowsChecked", recalculateTable: "recalculateTable" }, queries: [{ propertyName: "captionComponent", predicate: TableCaptionComponent }, { propertyName: "headerComponent", predicate: TableAdvancedHeaderComponent }, { propertyName: "rowComponentList", predicate: TableAdvancedRowComponent }], viewQueries: [{ propertyName: "rowData", predicate: RowDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #tableContent>\n  <table role=\"grid\"\n          [class]=\"['c-table-advanced border-t-2 border-b-2 border-neutral-base', classes] | makeHtmlList\"\n          [attr.id]=\"id ? id : null\"\n          [attr.role]=\"role ? role : null\"\n          [attr.aria-label]=\"ariaLabel ? ariaLabel : null\"\n          [attr.aria-describedby]=\"ariaDescribedBy ? ariaDescribedBy : null\"\n          [attr.aria-labelledby]=\"ariaLabelledBy ? ariaLabelledBy : null\"\n          [attr.aria-hidden]=\"ariaHidden ? ariaHidden : null\"\n          [attr.aria-disabled]=\"ariaDisabled ? ariaDisabled : null\"\n          [attr.aria-controls]=\"ariaControls ? ariaControls : null\"\n          [attr.aria-current]=\"ariaCurrent ? ariaCurrent : null\"\n          [attr.aria-live]=\"ariaLive ? ariaLive : null\"\n          [attr.aria-expanded]=\"ariaExpanded ? ariaExpanded : null\"\n          [attr.aria-errormessage]=\"ariaErrorMessage ? ariaErrorMessage : null\"\n          [attr.aria-haspopup]=\"ariaHasPopup ? ariaHasPopup : null\"\n          [attr.tabindex]=\"tabindex ? tabindex : null\">\n      <caption *ngIf=\"caption || captionComponent\" [class]=\"getCaptionClass()\">\n        <ng-container *desyCustomInnerContent=\"{ component: captionComponent, text: caption ? caption : null }\"></ng-container>\n      </caption>\n      <thead *ngIf=\"getHeaderCells()\">\n          <tr class=\"border-t border-neutral-base divide-x divide-neutral-base\">\n              <th *ngIf=\"hasCheckboxes\" scope=\"col\" [class]=\"['align-top px-base py-xs', checkboxClasses] | makeHtmlList\">\n                  <span class=\"sr-only\">Seleccionar fila</span>\n              </th>\n              <th scope=\"col\" *ngFor=\"let item of getHeaderCells(); index as iHeader\" [id]=\"getIdHeader(iHeader)\"\n                      [attr.aria-sort]=\"item.orderBy ? getStringOrderBy(item.orderBy) : null\"\n                      [class]=\"['align-top px-base py-sm border-neutral-base border-b-0 text-left text-sm font-normal text-neutral-dark', item.classes] | makeHtmlList\"\n                      [attr.colspan]=\"item.colspan ? item.colspan  : null\"\n                      [attr.rowspan]=\"item.rowspan ? item.rowspan  : null\"\n                      [attr.role]=\"item.role ? item.role : null\"\n                      [attr.aria-label]=\"item.ariaLabel ? item.ariaLabel : null\"\n                      [attr.aria-describedby]=\"item.ariaDescribedBy ? item.ariaDescribedBy : null\"\n                      [attr.aria-labelledby]=\"item.ariaLabelledBy ? item.ariaLabelledBy : null\"\n                      [attr.aria-hidden]=\"item.ariaHidden ? item.ariaHidden : null\"\n                      [attr.aria-disabled]=\"item.ariaDisabled ? item.ariaDisabled : null\"\n                      [attr.aria-controls]=\"item.ariaControls ? item.ariaControls : null\"\n                      [attr.aria-current]=\"item.ariaCurrent ? item.ariaCurrent : null\"\n                      [attr.aria-live]=\"item.ariaLive ? item.ariaLive : null\"\n                      [attr.aria-expanded]=\"item.ariaExpanded ? item.ariaExpanded : null\"\n                      [attr.aria-errormessage]=\"item.ariaErrorMessage ? item.ariaErrorMessage : null\"\n                      [attr.aria-haspopup]=\"item.ariaHasPopup ? item.ariaHasPopup : null\"\n                      [attr.tabindex]=\"item.tabindex ? item.tabindex : null\">\n\n                  <span *ngIf=\"item.orderBy\" class=\"inline-block relative\" (click)=\"handleSortByColumn(iHeader)\" desyFocusClickedCell\n                        [attr.tabindex]=\"item.orderBy ? -1 : null\"\n                        [attr.role]=\"item.orderBy ? 'button' : null\">\n                    <ng-container *ngIf=\"item.text\">{{item.text}}</ng-container>\n                    <ng-container *ngIf=\"item.contentComponent\">\n                      <ng-container *desyCustomInnerContent=\"{ component: item.contentComponent }\"></ng-container>\n                    </ng-container>\n                    <span class=\"c-table-advanced__order\" *ngIf=\"item.orderBy\">\n                        <span class=\"sr-only\">Pulsa para ordenar por esta columna</span>\n                        <span class=\"c-table-advanced__ascending\" *ngIf=\"item.orderBy === orderByType.asc\">\n                          <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" aria-hidden=\"true\" width=\"1em\" height=\"1em\"><path d=\"M112.07 37.93l-35-35a10 10 0 00-14.14 0l-35 35a10 10 0 0014.14 14.14l13.66-13.66A2.5 2.5 0 0160 40.18V130a10 10 0 0020 0V40.18a2.5 2.5 0 014.27-1.77l13.66 13.66a10 10 0 0014.14-14.14z\" fill=\"currentColor\"/></svg>\n                        </span>\n                        <span class=\"c-table-advanced__descending\" *ngIf=\"item.orderBy === orderByType.desc\">\n                          <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" aria-hidden=\"true\" width=\"1em\" height=\"1em\"><path d=\"M27.93 102.07l35 35a10 10 0 0014.14 0l35-35a10 10 0 00-14.14-14.14l-13.66 13.66A2.5 2.5 0 0180 99.82V10a10 10 0 00-20 0v89.82a2.5 2.5 0 01-4.27 1.77L42.07 87.93a10 10 0 00-14.14 14.14z\" fill=\"currentColor\"/></svg>\n                        </span>\n                        <span class=\"c-table-advanced__none\"  *ngIf=\"item.orderBy === orderByType.none\">\n                          <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" class=\"text-neutral-base\" aria-hidden=\"true\" width=\"1em\" height=\"1em\"><path d=\"M94.7 97.2l-17.2 17.19V25.61L94.7 42.8a7.5 7.5 0 0010.6-10.6l-30-30a7.49 7.49 0 00-10.6 0l-30 30a7.5 7.5 0 0010.6 10.6l17.2-17.19v88.78L45.3 97.2a7.5 7.5 0 10-10.6 10.6l30 30a7.48 7.48 0 0010.6 0l30-30a7.5 7.5 0 00-10.6-10.6z\" fill=\"currentColor\"/></svg>\n                        </span>\n                    </span>\n                  </span>\n\n                  <span *ngIf=\"!item.orderBy\" class=\"inline-block relative\">\n                    <ng-container *ngIf=\"item.text\">{{item.text}}</ng-container>\n                    <ng-container *ngIf=\"item.contentComponent\">\n                      <ng-container *desyCustomInnerContent=\"{ component: item.contentComponent }\"></ng-container>\n                    </ng-container>\n                  </span>\n              </th>\n          </tr>\n      </thead>\n\n      <tbody>\n          <tr class=\"divide-x divide-neutral-base\" *ngIf=\"hasFilters()\">\n              <td *ngIf=\"hasCheckboxes\" [ngClass]=\"checkboxClasses\"></td>\n              <td tabindex=\"-1\" *ngFor=\"let item of getHeaderCells(); index as iHead\" desyFocusClickedCell\n                  [class]=\"['align-top px-base pb-sm border-neutral-base border-b-0 text-left text-sm font-normal text-neutral-dark', item.classes] | makeHtmlList\">\n                  <ng-container *ngIf=\"item.hasSelect && getSelectForItem(item) !== null\">\n                    <ng-container *ngTemplateOutlet=\"tableSelect; context: {selectable: getSelectForItem(item)}\"></ng-container>\n                    <ng-template #tableSelect let-selectable=\"selectable\">\n                      <desy-select [id]=\"getIdHeaderSelect(iHead)\"\n                        [labelData]=\"{ text: 'Filtrar en esta columna', classes: 'sr-only' }\"\n                        [classes]=\"selectable.classes ? selectable.classes : 'c-select--sm w-full mt-0'\"\n                        [formGroupClasses]=\"selectable.formGroupClasses ? selectable.formGroupClasses : 'mb-0'\"\n                        [name]=\"selectable.name\"\n                        [items]=\"getItemSelectOptions(selectable)\"\n                        [disabled]=\"selectable.disabled\"\n                        [describedBy]=\"getIdHeaderSelect(iHead)\"\n\n                        [(ngModel)]=\"item.valueSelect\" (ngModelChange)=\"handleInputSearch(item)\"\n\n                        [role]=\"selectable.role\"\n                        [ariaLabel]=\"selectable.ariaLabel\"\n                        [ariaDescribedBy]=\"selectable.ariaDescribedBy\"\n                        [ariaLabelledBy]=\"selectable.ariaLabelledBy\"\n                        [ariaHidden]=\"selectable.ariaHidden\"\n                        [ariaDisabled]=\"selectable.ariaDisabled\"\n                        [ariaControls]=\"selectable.ariaControls\"\n                        [ariaCurrent]=\"selectable.ariaCurrent\"\n                        [ariaLive]=\"selectable.ariaLive\"\n                        [ariaExpanded]=\"selectable.ariaExpanded\"\n                        [ariaErrorMessage]=\"selectable.ariaErrorMessage\"\n                        [ariaHasPopup]=\"selectable.ariaHasPopup\"\n                        [tabindex]=\"selectable.tabindex\">\n                      </desy-select>\n                    </ng-template>\n                  </ng-container>\n\n                  <div *ngIf=\"item.hasSelect && item.hasFilter\" class=\"pb-sm\"></div>\n\n                  <desy-search-bar *ngIf=\"item.hasFilter\"\n                                   [(ngModel)]=\"item.valueFilter\" [ngModelOptions]=\"{standalone: true}\"\n                                   (clickEvent)=\"handleInputSearch(item)\"\n                                   (ngModelChange)=\"handleInputSearch(item)\"\n                                   labelText=\"Buscar en esta columna\"\n                                   [id]=\"getIdHeaderFilter(iHead)\"\n                                   placeholder=\"Buscar\"\n                                   [classes]=\"['c-input--sm', item.filterClasses] | makeHtmlList\"\n                                   buttonClasses=\"m-xs p-0.5 text-xs\"\n                                   [describedBy]=\"getIdHeader(iHead)\"> </desy-search-bar>\n              </td>\n          </tr>\n\n\n          <tr *ngFor=\"let row of getVisibleRows(); index as iRow\" class=\"border-t border-b border-neutral-base hover:bg-neutral-lighter\"\n              [desyRow]=\"row\"\n              [ngClass]=\"{'bg-neutral-light': hasCheckboxes && row.checked }\">\n              <td *ngIf=\"hasCheckboxes\" desyFocusClickedCell [class]=\"['px-base py-sm', checkboxClasses] | makeHtmlList\"\n                  tabindex=\"-1\" >\n                <div class=\"c-checkboxes c-checkboxes--sm\">\n                  <div>\n                    <div class=\"relative flex items-start\">\n                      <div class=\"flex items-center mx-sm\">\n                        <input type=\"checkbox\" class=\"w-6 h-6 transition duration-150 ease-in-out border-black focus:border-black focus:shadow-outline-focus-input focus:ring-4 focus:ring-offset-0 focus:ring-warning-base disabled:bg-neutral-light disabled:border-neutral-base text-primary-base\"\n                               [(ngModel)]=\"row.checked\" (ngModelChange)=\"handleCheckboxChange(row)\"\n                               [id]=\"getIdRowCheckbox(iRow)\"\n                               [name]=\"getIdRowCheckbox(iRow)\"\n                               [attr.aria-label]=\"'Fila ' + iRow\">\n                      </div>\n                      <div class=\"pt-0.5 leading-5\">\n                        <label class=\"sr-only block text-sm -mt-1\" [for]=\"getIdRowCheckbox(iRow)\">Selecciona fila {{ iRow }}</label>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </td>\n              <ng-container *ngFor=\"let cell of row.cellsList; first as isFirstCell; index as columnIndex\">\n                  <th *ngIf=\"firstCellIsHeader && isFirstCell; else elseTd\" scope=\"row\"\n                      [class]=\"['px-base py-xs border-neutral-base border-b-0 border-r text-left font-normal text-sm text-neutral-dark', cell.classes] | makeHtmlList\"\n                      desyCell [row]=\"row\" [rowIndex]=\"iRow\" [columnIndex]=\"columnIndex\"\n                      [attr.colspan]=\"cell.colspan ? cell.colspan  : null\"\n                      [attr.rowspan]=\"cell.rowspan ? cell.rowspan  : null\"\n                      [attr.id]=\"cell.id ? cell.id : null\"\n                      [attr.role]=\"cell.role ? cell.role : null\"\n                      [attr.aria-label]=\"cell.ariaLabel ? cell.ariaLabel : null\"\n                      [attr.aria-describedby]=\"cell.ariaDescribedBy ? cell.ariaDescribedBy : null\"\n                      [attr.aria-labelledby]=\"cell.ariaLabelledBy ? cell.ariaLabelledBy : null\"\n                      [attr.aria-hidden]=\"cell.ariaHidden ? cell.ariaHidden : null\"\n                      [attr.aria-disabled]=\"cell.ariaDisabled ? cell.ariaDisabled : null\"\n                      [attr.aria-controls]=\"cell.ariaControls ? cell.ariaControls : null\"\n                      [attr.aria-current]=\"cell.ariaCurrent ? cell.ariaCurrent : null\"\n                      [attr.aria-live]=\"cell.ariaLive ? cell.ariaLive : null\"\n                      [attr.aria-expanded]=\"cell.ariaExpanded ? cell.ariaExpanded : null\"\n                      [attr.aria-errormessage]=\"cell.ariaErrorMessage ? cell.ariaErrorMessage : null\"\n                      [attr.aria-haspopup]=\"cell.ariaHasPopup ? cell.ariaHasPopup : null\"\n                      [attr.tabindex]=\"cell.tabindex ? cell.tabindex : null\">\n                    <ng-container *desyCustomInnerContent=\"{ component: cell, html: cell.html, text: cell.text }\"></ng-container>\n                  </th>\n                  <ng-template #elseTd>\n                      <td tabindex=\"-1\" desyFocusClickedCell\n                          [class]=\"['px-base py-sm', cell.classes] | makeHtmlList\"\n                          desyCell [row]=\"row\" [rowIndex]=\"iRow\" [columnIndex]=\"columnIndex\"\n                          [attr.colspan]=\"cell.colspan ? cell.colspan  : null\"\n                          [attr.rowspan]=\"cell.rowspan ? cell.rowspan  : null\"\n                          [attr.id]=\"cell.id ? cell.id : null\"\n                          [attr.role]=\"cell.role ? cell.role : null\"\n                          [attr.aria-label]=\"cell.ariaLabel ? cell.ariaLabel : null\"\n                          [attr.aria-describedby]=\"cell.ariaDescribedBy ? cell.ariaDescribedBy : null\"\n                          [attr.aria-labelledby]=\"cell.ariaLabelledBy ? cell.ariaLabelledBy : null\"\n                          [attr.aria-hidden]=\"cell.ariaHidden ? cell.ariaHidden : null\"\n                          [attr.aria-disabled]=\"cell.ariaDisabled ? cell.ariaDisabled : null\"\n                          [attr.aria-controls]=\"cell.ariaControls ? cell.ariaControls : null\"\n                          [attr.aria-current]=\"cell.ariaCurrent ? cell.ariaCurrent : null\"\n                          [attr.aria-live]=\"cell.ariaLive ? cell.ariaLive : null\"\n                          [attr.aria-expanded]=\"cell.ariaExpanded ? cell.ariaExpanded : null\"\n                          [attr.aria-errormessage]=\"cell.ariaErrorMessage ? cell.ariaErrorMessage : null\"\n                          [attr.aria-haspopup]=\"cell.ariaHasPopup ? cell.ariaHasPopup : null\"\n                          [attr.tabindex]=\"cell.tabindex ? cell.tabindex : -1\">\n                        <ng-container *desyCustomInnerContent=\"{ component: cell, html: cell.html, text: cell.text }\"></ng-container>\n                      </td>\n                  </ng-template>\n              </ng-container>\n          </tr>\n      </tbody>\n  </table>\n</ng-template>\n\n<div *ngIf=\"wrapper; else tableContent\" [class]=\"wrapper.classes\">\n  <ng-container *ngTemplateOutlet=\"tableContent\"></ng-container>\n</div>\n", dependencies: [{ 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: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.CustomInnerContentDirective, selector: "[desyCustomInnerContent]", inputs: ["desyCustomInnerContent"] }, { kind: "component", type: i4.SelectComponent, selector: "desy-select", inputs: ["name", "items", "describedBy", "formGroupClasses", "classes"] }, { kind: "component", type: i5.SearchBarComponent, selector: "desy-search-bar", inputs: ["describedBy", "classes", "buttonClasses", "placeholder"], outputs: ["clickEvent"] }, { kind: "directive", type: i6.FocusClickedCellDirective, selector: "[desyFocusClickedCell]" }, { kind: "directive", type: i7.CellDirective, selector: "[desyCell]", inputs: ["row", "rowIndex", "columnIndex"] }, { kind: "directive", type: i8.RowDirective, selector: "[desyRow]", inputs: ["desyRow"] }, { kind: "pipe", type: i9.MakeHtmlListPipe, name: "makeHtmlList" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: TableAdvancedComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.8", type: TableAdvancedComponent, selector: "desy-table-advanced", inputs: { rows: "rows", head: "head", caption: "caption", captionClasses: "captionClasses", firstCellIsHeader: "firstCellIsHeader", hasCheckboxes: "hasCheckboxes", idPrefix: "idPrefix", classes: "classes", checkboxClasses: "checkboxClasses", id: "id", wrapper: "wrapper" }, outputs: { rowsChange: "rowsChange", rowsChecked: "rowsChecked", recalculateTable: "recalculateTable" }, queries: [{ propertyName: "captionComponent", predicate: TableCaptionComponent }, { propertyName: "headerComponent", predicate: TableAdvancedHeaderComponent }, { propertyName: "rowComponentList", predicate: TableAdvancedRowComponent }], viewQueries: [{ propertyName: "rowData", predicate: RowDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #tableContent>\n  <table role=\"grid\"\n          [class]=\"['c-table-advanced border-t-2 border-b-2 border-neutral-base', classes] | makeHtmlList\"\n          [attr.id]=\"id ? id : null\"\n          [attr.role]=\"role ? role : null\"\n          [attr.aria-label]=\"ariaLabel ? ariaLabel : null\"\n          [attr.aria-describedby]=\"ariaDescribedBy ? ariaDescribedBy : null\"\n          [attr.aria-labelledby]=\"ariaLabelledBy ? ariaLabelledBy : null\"\n          [attr.aria-hidden]=\"ariaHidden ? ariaHidden : null\"\n          [attr.aria-disabled]=\"ariaDisabled ? ariaDisabled : null\"\n          [attr.aria-controls]=\"ariaControls ? ariaControls : null\"\n          [attr.aria-current]=\"ariaCurrent ? ariaCurrent : null\"\n          [attr.aria-live]=\"ariaLive ? ariaLive : null\"\n          [attr.aria-expanded]=\"ariaExpanded ? ariaExpanded : null\"\n          [attr.aria-errormessage]=\"ariaErrorMessage ? ariaErrorMessage : null\"\n          [attr.aria-haspopup]=\"ariaHasPopup ? ariaHasPopup : null\"\n          [attr.tabindex]=\"tabindex ? tabindex : null\">\n      <caption *ngIf=\"caption || captionComponent\" [class]=\"getCaptionClass()\">\n        <ng-container *desyCustomInnerContent=\"{ component: captionComponent, text: caption ? caption : null }\"></ng-container>\n      </caption>\n      <thead *ngIf=\"getHeaderCells()\">\n          <tr class=\"border-t border-neutral-base divide-x divide-neutral-base\">\n              <th *ngIf=\"hasCheckboxes\" scope=\"col\" [class]=\"['align-top px-base py-xs', checkboxClasses] | makeHtmlList\">\n                  <span class=\"sr-only\">Seleccionar fila</span>\n              </th>\n              <th scope=\"col\" *ngFor=\"let item of getHeaderCells(); index as iHeader\" [id]=\"getIdHeader(iHeader)\"\n                      [attr.aria-sort]=\"item.orderBy ? getStringOrderBy(item.orderBy) : null\"\n                      [class]=\"['align-top px-base py-sm border-neutral-base border-b-0 text-left text-sm font-normal text-neutral-dark', item.classes] | makeHtmlList\"\n                      [attr.colspan]=\"item.colspan ? item.colspan  : null\"\n                      [attr.rowspan]=\"item.rowspan ? item.rowspan  : null\"\n                      [attr.role]=\"item.role ? item.role : null\"\n                      [attr.aria-label]=\"item.ariaLabel ? item.ariaLabel : null\"\n                      [attr.aria-describedby]=\"item.ariaDescribedBy ? item.ariaDescribedBy : null\"\n                      [attr.aria-labelledby]=\"item.ariaLabelledBy ? item.ariaLabelledBy : null\"\n                      [attr.aria-hidden]=\"item.ariaHidden ? item.ariaHidden : null\"\n                      [attr.aria-disabled]=\"item.ariaDisabled ? item.ariaDisabled : null\"\n                      [attr.aria-controls]=\"item.ariaControls ? item.ariaControls : null\"\n                      [attr.aria-current]=\"item.ariaCurrent ? item.ariaCurrent : null\"\n                      [attr.aria-live]=\"item.ariaLive ? item.ariaLive : null\"\n                      [attr.aria-expanded]=\"item.ariaExpanded ? item.ariaExpanded : null\"\n                      [attr.aria-errormessage]=\"item.ariaErrorMessage ? item.ariaErrorMessage : null\"\n                      [attr.aria-haspopup]=\"item.ariaHasPopup ? item.ariaHasPopup : null\"\n                      [attr.tabindex]=\"item.tabindex ? item.tabindex : null\">\n\n                  <span *ngIf=\"item.orderBy\" class=\"inline-block relative\" (click)=\"handleSortByColumn(iHeader)\" desyFocusClickedCell\n                        [attr.tabindex]=\"item.orderBy ? -1 : null\"\n                        [attr.role]=\"item.orderBy ? 'button' : null\">\n                    <ng-container *ngIf=\"item.text\">{{item.text}}</ng-container>\n                    <ng-container *ngIf=\"item.contentComponent\">\n                      <ng-container *desyCustomInnerContent=\"{ component: item.contentComponent }\"></ng-container>\n                    </ng-container>\n                    <span class=\"c-table-advanced__order\" *ngIf=\"item.orderBy\">\n                        <span class=\"sr-only\">Pulsa para ordenar por esta columna</span>\n                        <span class=\"c-table-advanced__ascending\" *ngIf=\"item.orderBy === orderByType.asc\">\n                          <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" aria-hidden=\"true\" width=\"1em\" height=\"1em\"><path d=\"M112.07 37.93l-35-35a10 10 0 00-14.14 0l-35 35a10 10 0 0014.14 14.14l13.66-13.66A2.5 2.5 0 0160 40.18V130a10 10 0 0020 0V40.18a2.5 2.5 0 014.27-1.77l13.66 13.66a10 10 0 0014.14-14.14z\" fill=\"currentColor\"/></svg>\n                        </span>\n                        <span class=\"c-table-advanced__descending\" *ngIf=\"item.orderBy === orderByType.desc\">\n                          <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" aria-hidden=\"true\" width=\"1em\" height=\"1em\"><path d=\"M27.93 102.07l35 35a10 10 0 0014.14 0l35-35a10 10 0 00-14.14-14.14l-13.66 13.66A2.5 2.5 0 0180 99.82V10a10 10 0 00-20 0v89.82a2.5 2.5 0 01-4.27 1.77L42.07 87.93a10 10 0 00-14.14 14.14z\" fill=\"currentColor\"/></svg>\n                        </span>\n                        <span class=\"c-table-advanced__none\"  *ngIf=\"item.orderBy === orderByType.none\">\n                          <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" class=\"text-neutral-base\" aria-hidden=\"true\" width=\"1em\" height=\"1em\"><path d=\"M94.7 97.2l-17.2 17.19V25.61L94.7 42.8a7.5 7.5 0 0010.6-10.6l-30-30a7.49 7.49 0 00-10.6 0l-30 30a7.5 7.5 0 0010.6 10.6l17.2-17.19v88.78L45.3 97.2a7.5 7.5 0 10-10.6 10.6l30 30a7.48 7.48 0 0010.6 0l30-30a7.5 7.5 0 00-10.6-10.6z\" fill=\"currentColor\"/></svg>\n                        </span>\n                    </span>\n                  </span>\n\n                  <span *ngIf=\"!item.orderBy\" class=\"inline-block relative\">\n                    <ng-container *ngIf=\"item.text\">{{item.text}}</ng-container>\n                    <ng-container *ngIf=\"item.contentComponent\">\n                      <ng-container *desyCustomInnerContent=\"{ component: item.contentComponent }\"></ng-container>\n                    </ng-container>\n                  </span>\n              </th>\n          </tr>\n      </thead>\n\n      <tbody>\n          <tr class=\"divide-x divide-neutral-base\" *ngIf=\"hasFilters()\">\n              <td *ngIf=\"hasCheckboxes\" [ngClass]=\"checkboxClasses\"></td>\n              <td tabindex=\"-1\" *ngFor=\"let item of getHeaderCells(); index as iHead\" desyFocusClickedCell\n                  [class]=\"['align-top px-base pb-sm border-neutral-base border-b-0 text-left text-sm font-normal text-neutral-dark', item.classes] | makeHtmlList\">\n                  <ng-container *ngIf=\"item.hasSelect && getSelectForItem(item) !== null\">\n                    <ng-container *ngTemplateOutlet=\"tableSelect; context: {selectable: getSelectForItem(item)}\"></ng-container>\n                    <ng-template #tableSelect let-selectable=\"selectable\">\n                      <desy-select [id]=\"getIdHeaderSelect(iHead)\"\n                        [labelData]=\"{ text: 'Filtrar en esta columna', classes: 'sr-only' }\"\n                        [classes]=\"selectable.classes ? selectable.classes : 'c-select--sm w-full mt-0'\"\n                        [formGroupClasses]=\"selectable.formGroupClasses ? selectable.formGroupClasses : 'mb-0'\"\n                        [name]=\"selectable.name\"\n                        [items]=\"getItemSelectOptions(selectable)\"\n                        [disabled]=\"selectable.disabled\"\n                        [describedBy]=\"getIdHeaderSelect(iHead)\"\n\n                        [(ngModel)]=\"item.valueSelect\" (ngModelChange)=\"handleInputSearch(item)\"\n\n                        [role]=\"selectable.role\"\n                        [ariaLabel]=\"selectable.ariaLabel\"\n                        [ariaDescribedBy]=\"selectable.ariaDescribedBy\"\n                        [ariaLabelledBy]=\"selectable.ariaLabelledBy\"\n                        [ariaHidden]=\"selectable.ariaHidden\"\n                        [ariaDisabled]=\"selectable.ariaDisabled\"\n                        [ariaControls]=\"selectable.ariaControls\"\n                        [ariaCurrent]=\"selectable.ariaCurrent\"\n                        [ariaLive]=\"selectable.ariaLive\"\n                        [ariaExpanded]=\"selectable.ariaExpanded\"\n                        [ariaErrorMessage]=\"selectable.ariaErrorMessage\"\n                        [ariaHasPopup]=\"selectable.ariaHasPopup\"\n                        [tabindex]=\"selectable.tabindex\">\n                      </desy-select>\n                    </ng-template>\n                  </ng-container>\n\n                  <div *ngIf=\"item.hasSelect && item.hasFilter\" class=\"pb-sm\"></div>\n\n                  <desy-search-bar *ngIf=\"item.hasFilter\"\n                                   [(ngModel)]=\"item.valueFilter\" [ngModelOptions]=\"{standalone: true}\"\n                                   (clickEvent)=\"handleInputSearch(item)\"\n                                   (ngModelChange)=\"handleInputSearch(item)\"\n                                   labelText=\"Buscar en esta columna\"\n                                   [id]=\"getIdHeaderFilter(iHead)\"\n                                   placeholder=\"Buscar\"\n                                   [classes]=\"['c-input--sm', item.filterClasses] | makeHtmlList\"\n                                   buttonClasses=\"m-xs p-0.5 text-xs\"\n                                   [describedBy]=\"getIdHeader(iHead)\"> </desy-search-bar>\n              </td>\n          </tr>\n\n\n          <tr *ngFor=\"let row of getVisibleRows(); index as iRow\" class=\"border-t border-b border-neutral-base hover:bg-neutral-lighter\"\n              [desyRow]=\"row\"\n              [ngClass]=\"{'bg-neutral-light': hasCheckboxes && row.checked }\">\n              <td *ngIf=\"hasCheckboxes\" desyFocusClickedCell [class]=\"['px-base py-sm', checkboxClasses] | makeHtmlList\"\n                  tabindex=\"-1\" >\n                <div class=\"c-checkboxes c-checkboxes--sm\">\n                  <div>\n                    <div class=\"relative flex items-start\">\n                      <div class=\"flex items-center mx-sm\">\n                        <input type=\"checkbox\" class=\"w-6 h-6 transition duration-150 ease-in-out border-black focus:border-black focus:shadow-outline-focus-input focus:ring-4 focus:ring-offset-0 focus:ring-warning-base disabled:bg-neutral-light disabled:border-neutral-base text-primary-base\"\n                               [(ngModel)]=\"row.checked\" (ngModelChange)=\"handleCheckboxChange(row)\"\n                               [id]=\"getIdRowCheckbox(iRow)\"\n                               [name]=\"getIdRowCheckbox(iRow)\"\n                               [attr.aria-label]=\"'Fila ' + iRow\">\n                      </div>\n                      <div class=\"pt-0.5 leading-5\">\n                        <label class=\"sr-only block text-sm -mt-1\" [for]=\"getIdRowCheckbox(iRow)\">Selecciona fila {{ iRow }}</label>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </td>\n              <ng-container *ngFor=\"let cell of row.cellsList; first as isFirstCell; index as columnIndex\">\n                  <th *ngIf=\"firstCellIsHeader && isFirstCell; else elseTd\" scope=\"row\"\n                      [class]=\"['px-base py-xs border-neutral-base border-b-0 border-r text-left font-normal text-sm text-neutral-dark', cell.classes] | makeHtmlList\"\n                      desyCell [row]=\"row\" [rowIndex]=\"iRow\" [columnIndex]=\"columnIndex\"\n                      [attr.colspan]=\"cell.colspan ? cell.colspan  : null\"\n                      [attr.rowspan]=\"cell.rowspan ? cell.rowspan  : null\"\n                      [attr.id]=\"cell.id ? cell.id : null\"\n                      [attr.role]=\"cell.role ? cell.role : null\"\n                      [attr.aria-label]=\"cell.ariaLabel ? cell.ariaLabel : null\"\n                      [attr.aria-describedby]=\"cell.ariaDescribedBy ? cell.ariaDescribedBy : null\"\n                      [attr.aria-labelledby]=\"cell.ariaLabelledBy ? cell.ariaLabelledBy : null\"\n                      [attr.aria-hidden]=\"cell.ariaHidden ? cell.ariaHidden : null\"\n                      [attr.aria-disabled]=\"cell.ariaDisabled ? cell.ariaDisabled : null\"\n                      [attr.aria-controls]=\"cell.ariaControls ? cell.ariaControls : null\"\n                      [attr.aria-current]=\"cell.ariaCurrent ? cell.ariaCurrent : null\"\n                      [attr.aria-live]=\"cell.ariaLive ? cell.ariaLive : null\"\n                      [attr.aria-expanded]=\"cell.ariaExpanded ? cell.ariaExpanded : null\"\n                      [attr.aria-errormessage]=\"cell.ariaErrorMessage ? cell.ariaErrorMessage : null\"\n                      [attr.aria-haspopup]=\"cell.ariaHasPopup ? cell.ariaHasPopup : null\"\n                      [attr.tabindex]=\"cell.tabindex ? cell.tabindex : null\">\n                    <ng-container *desyCustomInnerContent=\"{ component: cell, html: cell.html, text: cell.text }\"></ng-container>\n                  </th>\n                  <ng-template #elseTd>\n                      <td tabindex=\"-1\" desyFocusClickedCell\n                          [class]=\"['px-base py-sm', cell.classes] | makeHtmlList\"\n                          desyCell [row]=\"row\" [rowIndex]=\"iRow\" [columnIndex]=\"columnIndex\"\n                          [attr.colspan]=\"cell.colspan ? cell.colspan  : null\"\n                          [attr.rowspan]=\"cell.rowspan ? cell.rowspan  : null\"\n                          [attr.id]=\"cell.id ? cell.id : null\"\n                          [attr.role]=\"cell.role ? cell.role : null\"\n                          [attr.aria-label]=\"cell.ariaLabel ? cell.ariaLabel : null\"\n                          [attr.aria-describedby]=\"cell.ariaDescribedBy ? cell.ariaDescribedBy : null\"\n                          [attr.aria-labelledby]=\"cell.ariaLabelledBy ? cell.ariaLabelledBy : null\"\n                          [attr.aria-hidden]=\"cell.ariaHidden ? cell.ariaHidden : null\"\n                          [attr.aria-disabled]=\"cell.ariaDisabled ? cell.ariaDisabled : null\"\n                          [attr.aria-controls]=\"cell.ariaControls ? cell.ariaControls : null\"\n                          [attr.aria-current]=\"cell.ariaCurrent ? cell.ariaCurrent : null\"\n                          [attr.aria-live]=\"cell.ariaLive ? cell.ariaLive : null\"\n                          [attr.aria-expanded]=\"cell.ariaExpanded ? cell.ariaExpanded : null\"\n                          [attr.aria-errormessage]=\"cell.ariaErrorMessage ? cell.ariaErrorMessage : null\"\n                          [attr.aria-haspopup]=\"cell.ariaHasPopup ? cell.ariaHasPopup : null\"\n                          [attr.tabindex]=\"cell.tabindex ? cell.tabindex : -1\">\n                        <ng-container *desyCustomInnerContent=\"{ component: cell, html: cell.html, text: cell.text }\"></ng-container>\n                      </td>\n                  </ng-template>\n              </ng-container>\n          </tr>\n      </tbody>\n  </table>\n</ng-template>\n\n<div *ngIf=\"wrapper; else tableContent\" [class]=\"wrapper.classes\">\n  <ng-container *ngTemplateOutlet=\"tableContent\"></ng-container>\n</div>\n", dependencies: [{ 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: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.CustomInnerContentDirective, selector: "[desyCustomInnerContent]", inputs: ["desyCustomInnerContent"] }, { kind: "component", type: i4.SelectComponent, selector: "desy-select", inputs: ["name", "items", "describedBy", "formGroupClasses", "classes"] }, { kind: "component", type: i5.SearchBarComponent, selector: "desy-search-bar", inputs: ["describedBy", "classes", "buttonClasses", "placeholder"], outputs: ["clickEvent"] }, { kind: "directive", type: i6.FocusClickedCellDirective, selector: "[desyFocusClickedCell]" }, { kind: "directive", type: i7.CellDirective, selector: "[desyCell]", inputs: ["row", "rowIndex", "columnIndex"] }, { kind: "directive", type: i8.RowDirective, selector: "[desyRow]", inputs: ["desyRow"] }, { kind: "pipe", type: i9.MakeHtmlListPipe, name: "makeHtmlList" }] }); }
 }
 __decorate([
     DesyContentChild(),
@@ -239,7 +239,7 @@ __decorate([
     DesyContentChild(),
     __metadata("design:type", TableAdvancedHeaderComponent)
 ], TableAdvancedComponent.prototype, "headerComponent", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: TableAdvancedComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: TableAdvancedComponent, decorators: [{
             type: Component,
             args: [{ selector: 'desy-table-advanced', template: "<ng-template #tableContent>\n  <table role=\"grid\"\n          [class]=\"['c-table-advanced border-t-2 border-b-2 border-neutral-base', classes] | makeHtmlList\"\n          [attr.id]=\"id ? id : null\"\n          [attr.role]=\"role ? role : null\"\n          [attr.aria-label]=\"ariaLabel ? ariaLabel : null\"\n          [attr.aria-describedby]=\"ariaDescribedBy ? ariaDescribedBy : null\"\n          [attr.aria-labelledby]=\"ariaLabelledBy ? ariaLabelledBy : null\"\n          [attr.aria-hidden]=\"ariaHidden ? ariaHidden : null\"\n          [attr.aria-disabled]=\"ariaDisabled ? ariaDisabled : null\"\n          [attr.aria-controls]=\"ariaControls ? ariaControls : null\"\n          [attr.aria-current]=\"ariaCurrent ? ariaCurrent : null\"\n          [attr.aria-live]=\"ariaLive ? ariaLive : null\"\n          [attr.aria-expanded]=\"ariaExpanded ? ariaExpanded : null\"\n          [attr.aria-errormessage]=\"ariaErrorMessage ? ariaErrorMessage : null\"\n          [attr.aria-haspopup]=\"ariaHasPopup ? ariaHasPopup : null\"\n          [attr.tabindex]=\"tabindex ? tabindex : null\">\n      <caption *ngIf=\"caption || captionComponent\" [class]=\"getCaptionClass()\">\n        <ng-container *desyCustomInnerContent=\"{ component: captionComponent, text: caption ? caption : null }\"></ng-container>\n      </caption>\n      <thead *ngIf=\"getHeaderCells()\">\n          <tr class=\"border-t border-neutral-base divide-x divide-neutral-base\">\n              <th *ngIf=\"hasCheckboxes\" scope=\"col\" [class]=\"['align-top px-base py-xs', checkboxClasses] | makeHtmlList\">\n                  <span class=\"sr-only\">Seleccionar fila</span>\n              </th>\n              <th scope=\"col\" *ngFor=\"let item of getHeaderCells(); index as iHeader\" [id]=\"getIdHeader(iHeader)\"\n                      [attr.aria-sort]=\"item.orderBy ? getStringOrderBy(item.orderBy) : null\"\n                      [class]=\"['align-top px-base py-sm border-neutral-base border-b-0 text-left text-sm font-normal text-neutral-dark', item.classes] | makeHtmlList\"\n                      [attr.colspan]=\"item.colspan ? item.colspan  : null\"\n                      [attr.rowspan]=\"item.rowspan ? item.rowspan  : null\"\n                      [attr.role]=\"item.role ? item.role : null\"\n                      [attr.aria-label]=\"item.ariaLabel ? item.ariaLabel : null\"\n                      [attr.aria-describedby]=\"item.ariaDescribedBy ? item.ariaDescribedBy : null\"\n                      [attr.aria-labelledby]=\"item.ariaLabelledBy ? item.ariaLabelledBy : null\"\n                      [attr.aria-hidden]=\"item.ariaHidden ? item.ariaHidden : null\"\n                      [attr.aria-disabled]=\"item.ariaDisabled ? item.ariaDisabled : null\"\n                      [attr.aria-controls]=\"item.ariaControls ? item.ariaControls : null\"\n                      [attr.aria-current]=\"item.ariaCurrent ? item.ariaCurrent : null\"\n                      [attr.aria-live]=\"item.ariaLive ? item.ariaLive : null\"\n                      [attr.aria-expanded]=\"item.ariaExpanded ? item.ariaExpanded : null\"\n                      [attr.aria-errormessage]=\"item.ariaErrorMessage ? item.ariaErrorMessage : null\"\n                      [attr.aria-haspopup]=\"item.ariaHasPopup ? item.ariaHasPopup : null\"\n                      [attr.tabindex]=\"item.tabindex ? item.tabindex : null\">\n\n                  <span *ngIf=\"item.orderBy\" class=\"inline-block relative\" (click)=\"handleSortByColumn(iHeader)\" desyFocusClickedCell\n                        [attr.tabindex]=\"item.orderBy ? -1 : null\"\n                        [attr.role]=\"item.orderBy ? 'button' : null\">\n                    <ng-container *ngIf=\"item.text\">{{item.text}}</ng-container>\n                    <ng-container *ngIf=\"item.contentComponent\">\n                      <ng-container *desyCustomInnerContent=\"{ component: item.contentComponent }\"></ng-container>\n                    </ng-container>\n                    <span class=\"c-table-advanced__order\" *ngIf=\"item.orderBy\">\n                        <span class=\"sr-only\">Pulsa para ordenar por esta columna</span>\n                        <span class=\"c-table-advanced__ascending\" *ngIf=\"item.orderBy === orderByType.asc\">\n                          <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" aria-hidden=\"true\" width=\"1em\" height=\"1em\"><path d=\"M112.07 37.93l-35-35a10 10 0 00-14.14 0l-35 35a10 10 0 0014.14 14.14l13.66-13.66A2.5 2.5 0 0160 40.18V130a10 10 0 0020 0V40.18a2.5 2.5 0 014.27-1.77l13.66 13.66a10 10 0 0014.14-14.14z\" fill=\"currentColor\"/></svg>\n                        </span>\n                        <span class=\"c-table-advanced__descending\" *ngIf=\"item.orderBy === orderByType.desc\">\n                          <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" aria-hidden=\"true\" width=\"1em\" height=\"1em\"><path d=\"M27.93 102.07l35 35a10 10 0 0014.14 0l35-35a10 10 0 00-14.14-14.14l-13.66 13.66A2.5 2.5 0 0180 99.82V10a10 10 0 00-20 0v89.82a2.5 2.5 0 01-4.27 1.77L42.07 87.93a10 10 0 00-14.14 14.14z\" fill=\"currentColor\"/></svg>\n                        </span>\n                        <span class=\"c-table-advanced__none\"  *ngIf=\"item.orderBy === orderByType.none\">\n                          <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" class=\"text-neutral-base\" aria-hidden=\"true\" width=\"1em\" height=\"1em\"><path d=\"M94.7 97.2l-17.2 17.19V25.61L94.7 42.8a7.5 7.5 0 0010.6-10.6l-30-30a7.49 7.49 0 00-10.6 0l-30 30a7.5 7.5 0 0010.6 10.6l17.2-17.19v88.78L45.3 97.2a7.5 7.5 0 10-10.6 10.6l30 30a7.48 7.48 0 0010.6 0l30-30a7.5 7.5 0 00-10.6-10.6z\" fill=\"currentColor\"/></svg>\n                        </span>\n                    </span>\n                  </span>\n\n                  <span *ngIf=\"!item.orderBy\" class=\"inline-block relative\">\n                    <ng-container *ngIf=\"item.text\">{{item.text}}</ng-container>\n                    <ng-container *ngIf=\"item.contentComponent\">\n                      <ng-container *desyCustomInnerContent=\"{ component: item.contentComponent }\"></ng-container>\n                    </ng-container>\n                  </span>\n              </th>\n          </tr>\n      </thead>\n\n      <tbody>\n          <tr class=\"divide-x divide-neutral-base\" *ngIf=\"hasFilters()\">\n              <td *ngIf=\"hasCheckboxes\" [ngClass]=\"checkboxClasses\"></td>\n              <td tabindex=\"-1\" *ngFor=\"let item of getHeaderCells(); index as iHead\" desyFocusClickedCell\n                  [class]=\"['align-top px-base pb-sm border-neutral-base border-b-0 text-left text-sm font-normal text-neutral-dark', item.classes] | makeHtmlList\">\n                  <ng-container *ngIf=\"item.hasSelect && getSelectForItem(item) !== null\">\n                    <ng-container *ngTemplateOutlet=\"tableSelect; context: {selectable: getSelectForItem(item)}\"></ng-container>\n                    <ng-template #tableSelect let-selectable=\"selectable\">\n                      <desy-select [id]=\"getIdHeaderSelect(iHead)\"\n                        [labelData]=\"{ text: 'Filtrar en esta columna', classes: 'sr-only' }\"\n                        [classes]=\"selectable.classes ? selectable.classes : 'c-select--sm w-full mt-0'\"\n                        [formGroupClasses]=\"selectable.formGroupClasses ? selectable.formGroupClasses : 'mb-0'\"\n                        [name]=\"selectable.name\"\n                        [items]=\"getItemSelectOptions(selectable)\"\n                        [disabled]=\"selectable.disabled\"\n                        [describedBy]=\"getIdHeaderSelect(iHead)\"\n\n                        [(ngModel)]=\"item.valueSelect\" (ngModelChange)=\"handleInputSearch(item)\"\n\n                        [role]=\"selectable.role\"\n                        [ariaLabel]=\"selectable.ariaLabel\"\n                        [ariaDescribedBy]=\"selectable.ariaDescribedBy\"\n                        [ariaLabelledBy]=\"selectable.ariaLabelledBy\"\n                        [ariaHidden]=\"selectable.ariaHidden\"\n                        [ariaDisabled]=\"selectable.ariaDisabled\"\n                        [ariaControls]=\"selectable.ariaControls\"\n                        [ariaCurrent]=\"selectable.ariaCurrent\"\n                        [ariaLive]=\"selectable.ariaLive\"\n                        [ariaExpanded]=\"selectable.ariaExpanded\"\n                        [ariaErrorMessage]=\"selectable.ariaErrorMessage\"\n                        [ariaHasPopup]=\"selectable.ariaHasPopup\"\n                        [tabindex]=\"selectable.tabindex\">\n                      </desy-select>\n                    </ng-template>\n                  </ng-container>\n\n                  <div *ngIf=\"item.hasSelect && item.hasFilter\" class=\"pb-sm\"></div>\n\n                  <desy-search-bar *ngIf=\"item.hasFilter\"\n                                   [(ngModel)]=\"item.valueFilter\" [ngModelOptions]=\"{standalone: true}\"\n                                   (clickEvent)=\"handleInputSearch(item)\"\n                                   (ngModelChange)=\"handleInputSearch(item)\"\n                                   labelText=\"Buscar en esta columna\"\n                                   [id]=\"getIdHeaderFilter(iHead)\"\n                                   placeholder=\"Buscar\"\n                                   [classes]=\"['c-input--sm', item.filterClasses] | makeHtmlList\"\n                                   buttonClasses=\"m-xs p-0.5 text-xs\"\n                                   [describedBy]=\"getIdHeader(iHead)\"> </desy-search-bar>\n              </td>\n          </tr>\n\n\n          <tr *ngFor=\"let row of getVisibleRows(); index as iRow\" class=\"border-t border-b border-neutral-base hover:bg-neutral-lighter\"\n              [desyRow]=\"row\"\n              [ngClass]=\"{'bg-neutral-light': hasCheckboxes && row.checked }\">\n              <td *ngIf=\"hasCheckboxes\" desyFocusClickedCell [class]=\"['px-base py-sm', checkboxClasses] | makeHtmlList\"\n                  tabindex=\"-1\" >\n                <div class=\"c-checkboxes c-checkboxes--sm\">\n                  <div>\n                    <div class=\"relative flex items-start\">\n                      <div class=\"flex items-center mx-sm\">\n                        <input type=\"checkbox\" class=\"w-6 h-6 transition duration-150 ease-in-out border-black focus:border-black focus:shadow-outline-focus-input focus:ring-4 focus:ring-offset-0 focus:ring-warning-base disabled:bg-neutral-light disabled:border-neutral-base text-primary-base\"\n                               [(ngModel)]=\"row.checked\" (ngModelChange)=\"handleCheckboxChange(row)\"\n                               [id]=\"getIdRowCheckbox(iRow)\"\n                               [name]=\"getIdRowCheckbox(iRow)\"\n                               [attr.aria-label]=\"'Fila ' + iRow\">\n                      </div>\n                      <div class=\"pt-0.5 leading-5\">\n                        <label class=\"sr-only block text-sm -mt-1\" [for]=\"getIdRowCheckbox(iRow)\">Selecciona fila {{ iRow }}</label>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </td>\n              <ng-container *ngFor=\"let cell of row.cellsList; first as isFirstCell; index as columnIndex\">\n                  <th *ngIf=\"firstCellIsHeader && isFirstCell; else elseTd\" scope=\"row\"\n                      [class]=\"['px-base py-xs border-neutral-base border-b-0 border-r text-left font-normal text-sm text-neutral-dark', cell.classes] | makeHtmlList\"\n                      desyCell [row]=\"row\" [rowIndex]=\"iRow\" [columnIndex]=\"columnIndex\"\n                      [attr.colspan]=\"cell.colspan ? cell.colspan  : null\"\n                      [attr.rowspan]=\"cell.rowspan ? cell.rowspan  : null\"\n                      [attr.id]=\"cell.id ? cell.id : null\"\n                      [attr.role]=\"cell.role ? cell.role : null\"\n                      [attr.aria-label]=\"cell.ariaLabel ? cell.ariaLabel : null\"\n                      [attr.aria-describedby]=\"cell.ariaDescribedBy ? cell.ariaDescribedBy : null\"\n                      [attr.aria-labelledby]=\"cell.ariaLabelledBy ? cell.ariaLabelledBy : null\"\n                      [attr.aria-hidden]=\"cell.ariaHidden ? cell.ariaHidden : null\"\n                      [attr.aria-disabled]=\"cell.ariaDisabled ? cell.ariaDisabled : null\"\n                      [attr.aria-controls]=\"cell.ariaControls ? cell.ariaControls : null\"\n                      [attr.aria-current]=\"cell.ariaCurrent ? cell.ariaCurrent : null\"\n                      [attr.aria-live]=\"cell.ariaLive ? cell.ariaLive : null\"\n                      [attr.aria-expanded]=\"cell.ariaExpanded ? cell.ariaExpanded : null\"\n                      [attr.aria-errormessage]=\"cell.ariaErrorMessage ? cell.ariaErrorMessage : null\"\n                      [attr.aria-haspopup]=\"cell.ariaHasPopup ? cell.ariaHasPopup : null\"\n                      [attr.tabindex]=\"cell.tabindex ? cell.tabindex : null\">\n                    <ng-container *desyCustomInnerContent=\"{ component: cell, html: cell.html, text: cell.text }\"></ng-container>\n                  </th>\n                  <ng-template #elseTd>\n                      <td tabindex=\"-1\" desyFocusClickedCell\n                          [class]=\"['px-base py-sm', cell.classes] | makeHtmlList\"\n                          desyCell [row]=\"row\" [rowIndex]=\"iRow\" [columnIndex]=\"columnIndex\"\n                          [attr.colspan]=\"cell.colspan ? cell.colspan  : null\"\n                          [attr.rowspan]=\"cell.rowspan ? cell.rowspan  : null\"\n                          [attr.id]=\"cell.id ? cell.id : null\"\n                          [attr.role]=\"cell.role ? cell.role : null\"\n                          [attr.aria-label]=\"cell.ariaLabel ? cell.ariaLabel : null\"\n                          [attr.aria-describedby]=\"cell.ariaDescribedBy ? cell.ariaDescribedBy : null\"\n                          [attr.aria-labelledby]=\"cell.ariaLabelledBy ? cell.ariaLabelledBy : null\"\n                          [attr.aria-hidden]=\"cell.ariaHidden ? cell.ariaHidden : null\"\n                          [attr.aria-disabled]=\"cell.ariaDisabled ? cell.ariaDisabled : null\"\n                          [attr.aria-controls]=\"cell.ariaControls ? cell.ariaControls : null\"\n                          [attr.aria-current]=\"cell.ariaCurrent ? cell.ariaCurrent : null\"\n                          [attr.aria-live]=\"cell.ariaLive ? cell.ariaLive : null\"\n                          [attr.aria-expanded]=\"cell.ariaExpanded ? cell.ariaExpanded : null\"\n                          [attr.aria-errormessage]=\"cell.ariaErrorMessage ? cell.ariaErrorMessage : null\"\n                          [attr.aria-haspopup]=\"cell.ariaHasPopup ? cell.ariaHasPopup : null\"\n                          [attr.tabindex]=\"cell.tabindex ? cell.tabindex : -1\">\n                        <ng-container *desyCustomInnerContent=\"{ component: cell, html: cell.html, text: cell.text }\"></ng-container>\n                      </td>\n                  </ng-template>\n              </ng-container>\n          </tr>\n      </tbody>\n  </table>\n</ng-template>\n\n<div *ngIf=\"wrapper; else tableContent\" [class]=\"wrapper.classes\">\n  <ng-container *ngTemplateOutlet=\"tableContent\"></ng-container>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { rows: [{

package/esm2022/lib/desy-tables/desy-tables.module.mjs

@@ -20,8 +20,8 @@ import { TableAdvancedRowCellComponent } from './components/table-advanced/compo
 import { TableAdvancedSelectComponent } from './components/table-advanced/components/table-advanced-select.component';
 import * as i0 from "@angular/core";
 export class DesyTablesModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: DesyTablesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.7", ngImport: i0, type: DesyTablesModule, declarations: [TableComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: DesyTablesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.8", ngImport: i0, type: DesyTablesModule, declarations: [TableComponent,
             TableCaptionComponent,
             TableCellComponent,
             TableHeaderComponent,
@@ -50,14 +50,14 @@ export class DesyTablesModule {
             TableAdvancedRowComponent,
             TableAdvancedRowCellComponent,
             TableAdvancedSelectComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: DesyTablesModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: DesyTablesModule, imports: [CommonModule,
             FormsModule,
             ReactiveFormsModule,
             A11yModule,
             SharedModule,
             DesyFormsModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: DesyTablesModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: DesyTablesModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/esm2022/lib/desy-tables/directives/cell.directive.mjs

@@ -7,10 +7,10 @@ export class CellDirective {
     getContent() {
         return this.element.nativeElement.textContent;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: CellDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.7", type: CellDirective, selector: "[desyCell]", inputs: { row: "row", rowIndex: "rowIndex", columnIndex: "columnIndex" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: CellDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.8", type: CellDirective, selector: "[desyCell]", inputs: { row: "row", rowIndex: "rowIndex", columnIndex: "columnIndex" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: CellDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: CellDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[desyCell]'

package/esm2022/lib/desy-tables/directives/focus-clicked-cell.directive.mjs

@@ -63,10 +63,10 @@ export class FocusClickedCellDirective {
         }
         return index;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: FocusClickedCellDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.7", type: FocusClickedCellDirective, selector: "[desyFocusClickedCell]", host: { listeners: { "click": "onClick()", "keydown": "manageArrows($event)" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: FocusClickedCellDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.8", type: FocusClickedCellDirective, selector: "[desyFocusClickedCell]", host: { listeners: { "click": "onClick()", "keydown": "manageArrows($event)" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: FocusClickedCellDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: FocusClickedCellDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[desyFocusClickedCell]'

package/esm2022/lib/desy-tables/directives/row.directive.mjs

@@ -5,10 +5,10 @@ export class RowDirective {
     getCell(column) {
         return this.contentCells.find(cell => cell.columnIndex === column);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: RowDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.7", type: RowDirective, selector: "[desyRow]", inputs: { desyRow: "desyRow" }, queries: [{ propertyName: "contentCells", predicate: CellDirective }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: RowDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.8", type: RowDirective, selector: "[desyRow]", inputs: { desyRow: "desyRow" }, queries: [{ propertyName: "contentCells", predicate: CellDirective }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: RowDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: RowDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[desyRow]'

package/esm2022/lib/desy-views/components/accordion/accordion-header/accordion-header.component.mjs

@@ -2,10 +2,10 @@ import { Component, Input } from '@angular/core';
 import { ContentBaseComponent } from '../../../../shared/components';
 import * as i0 from "@angular/core";
 export class AccordionHeaderComponent extends ContentBaseComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: AccordionHeaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: AccordionHeaderComponent, selector: "desy-accordion-header", inputs: { classes: "classes" }, usesInheritance: true, ngImport: i0, template: '<ng-template #contentTemplate><ng-content></ng-content></ng-template>', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: AccordionHeaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.8", type: AccordionHeaderComponent, selector: "desy-accordion-header", inputs: { classes: "classes" }, usesInheritance: true, ngImport: i0, template: '<ng-template #contentTemplate><ng-content></ng-content></ng-template>', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: AccordionHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: AccordionHeaderComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'desy-accordion-header',

package/esm2022/lib/desy-views/components/accordion/accordion-item/accordion-item.component.mjs

@@ -12,8 +12,8 @@ export class AccordionItemComponent extends AccessibilityComponent {
         super(...arguments);
         this.openChange = new EventEmitter();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: AccordionItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: AccordionItemComponent, selector: "desy-accordion-item", inputs: { id: "id", open: "open", classes: "classes" }, outputs: { openChange: "openChange" }, queries: [{ propertyName: "headerComponent", predicate: AccordionHeaderComponent }, { propertyName: "contentComponent", predicate: ContentComponent }, { propertyName: "showHeaderButton", predicate: AccordionItemShowButtonComponent }, { propertyName: "hideHeaderButton", predicate: AccordionItemHideButtonComponent }], usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: AccordionItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.8", type: AccordionItemComponent, selector: "desy-accordion-item", inputs: { id: "id", open: "open", classes: "classes" }, outputs: { openChange: "openChange" }, queries: [{ propertyName: "headerComponent", predicate: AccordionHeaderComponent }, { propertyName: "contentComponent", predicate: ContentComponent }, { propertyName: "showHeaderButton", predicate: AccordionItemShowButtonComponent }, { propertyName: "hideHeaderButton", predicate: AccordionItemHideButtonComponent }], usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
 __decorate([
     DesyContentChild(),
@@ -31,7 +31,7 @@ __decorate([
     DesyContentChild(),
     __metadata("design:type", AccordionItemHideButtonComponent)
 ], AccordionItemComponent.prototype, "hideHeaderButton", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: AccordionItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: AccordionItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'desy-accordion-item',