desy-angular 7.0.1 → 7.1.0

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

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

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

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

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

@@ -38,15 +38,15 @@ export class TableComponent extends AccessibilityComponent {
         return row instanceof TableRowComponent ? row.cells.toArray() : row;
     }
 }
-TableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TableComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-TableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.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" }] });
+TableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TableComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+TableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", 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()
 ], TableComponent.prototype, "captionComponent", void 0);
 __decorate([
     DesyContentChild()
 ], TableComponent.prototype, "headerComponent", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", 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/esm2020/lib/desy-tables/components/table-advanced/components/table-advanced-header-cell.component.mjs

@@ -7,15 +7,15 @@ import { ContentBaseComponent } from '../../../../shared/components';
 import * as i0 from "@angular/core";
 export class TableAdvancedHeaderCellComponent extends ContentBaseComponent {
 }
-TableAdvancedHeaderCellComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TableAdvancedHeaderCellComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-TableAdvancedHeaderCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.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 });
+TableAdvancedHeaderCellComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TableAdvancedHeaderCellComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+TableAdvancedHeaderCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", 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()
 ], TableAdvancedHeaderCellComponent.prototype, "selectComponent", void 0);
 __decorate([
     DesyContentChild()
 ], TableAdvancedHeaderCellComponent.prototype, "contentComponent", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TableAdvancedHeaderCellComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TableAdvancedHeaderCellComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'desy-table-advanced-header-cell',

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

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

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

@@ -3,9 +3,9 @@ import { ContentBaseComponent } from '../../../../shared/components';
 import * as i0 from "@angular/core";
 export class TableAdvancedRowCellComponent extends ContentBaseComponent {
 }
-TableAdvancedRowCellComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TableAdvancedRowCellComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-TableAdvancedRowCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.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 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TableAdvancedRowCellComponent, decorators: [{
+TableAdvancedRowCellComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TableAdvancedRowCellComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+TableAdvancedRowCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", 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: "15.2.9", ngImport: i0, type: TableAdvancedRowCellComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'desy-table-advanced-row-cell',

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

@@ -6,9 +6,9 @@ export class TableAdvancedRowComponent {
         this.checkedChange = new EventEmitter();
     }
 }
-TableAdvancedRowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TableAdvancedRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TableAdvancedRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.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 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TableAdvancedRowComponent, decorators: [{
+TableAdvancedRowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TableAdvancedRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TableAdvancedRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", 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: "15.2.9", ngImport: i0, type: TableAdvancedRowComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'desy-table-advanced-row',

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

@@ -9,9 +9,9 @@ export class TableAdvancedSelectComponent extends SelectComponent {
         this.valueChange = new EventEmitter();
     }
 }
-TableAdvancedSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TableAdvancedSelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-TableAdvancedSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.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 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TableAdvancedSelectComponent, decorators: [{
+TableAdvancedSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TableAdvancedSelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+TableAdvancedSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", 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: "15.2.9", ngImport: i0, type: TableAdvancedSelectComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'desy-table-advanced-select',

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

@@ -287,15 +287,15 @@ export class TableAdvancedComponent extends AccessibilityComponent {
         }
     }
 }
-TableAdvancedComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TableAdvancedComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-TableAdvancedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.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" }] });
+TableAdvancedComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TableAdvancedComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+TableAdvancedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", 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()
 ], TableAdvancedComponent.prototype, "captionComponent", void 0);
 __decorate([
     DesyContentChild()
 ], TableAdvancedComponent.prototype, "headerComponent", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TableAdvancedComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", 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/esm2020/lib/desy-tables/desy-tables.module.mjs

@@ -21,8 +21,8 @@ import { TableAdvancedSelectComponent } from './components/table-advanced/compon
 import * as i0 from "@angular/core";
 export class DesyTablesModule {
 }
-DesyTablesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: DesyTablesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DesyTablesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: DesyTablesModule, declarations: [TableComponent,
+DesyTablesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DesyTablesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DesyTablesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: DesyTablesModule, declarations: [TableComponent,
         TableCaptionComponent,
         TableCellComponent,
         TableHeaderComponent,
@@ -51,13 +51,13 @@ DesyTablesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", versio
         TableAdvancedRowComponent,
         TableAdvancedRowCellComponent,
         TableAdvancedSelectComponent] });
-DesyTablesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: DesyTablesModule, imports: [CommonModule,
+DesyTablesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DesyTablesModule, imports: [CommonModule,
         FormsModule,
         ReactiveFormsModule,
         A11yModule,
         SharedModule,
         DesyFormsModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: DesyTablesModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DesyTablesModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

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

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

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

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

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

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

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

@@ -3,9 +3,9 @@ import { ContentBaseComponent } from '../../../../shared/components';
 import * as i0 from "@angular/core";
 export class AccordionHeaderComponent extends ContentBaseComponent {
 }
-AccordionHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: AccordionHeaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-AccordionHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.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 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: AccordionHeaderComponent, decorators: [{
+AccordionHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AccordionHeaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+AccordionHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", 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: "15.2.9", ngImport: i0, type: AccordionHeaderComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'desy-accordion-header',

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

@@ -13,8 +13,8 @@ export class AccordionItemComponent extends AccessibilityComponent {
         this.openChange = new EventEmitter();
     }
 }
-AccordionItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: AccordionItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-AccordionItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.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 });
+AccordionItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AccordionItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+AccordionItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", 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()
 ], AccordionItemComponent.prototype, "headerComponent", void 0);
@@ -27,7 +27,7 @@ __decorate([
 __decorate([
     DesyContentChild()
 ], AccordionItemComponent.prototype, "hideHeaderButton", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: AccordionItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AccordionItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'desy-accordion-item',

package/esm2020/lib/desy-views/components/accordion/accordion.component.mjs

@@ -119,12 +119,12 @@ export class AccordionComponent extends AccessibilityComponent {
         return item instanceof AccordionItemComponent ? item.contentComponent : null;
     }
 }
-AccordionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: AccordionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-AccordionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: AccordionComponent, selector: "desy-accordion", inputs: { idPrefix: "idPrefix", allowToggle: "allowToggle", allowMultiple: "allowMultiple", heading: "heading", headingLevel: "headingLevel", showControl: "showControl", items: "items", classes: "classes" }, host: { properties: { "class": "this.classes", "attr.role": "this.roleData", "attr.aria-label": "this.ariaLabelData", "attr.aria-describedby": "this.ariaDescribedbyData", "attr.aria-labelledby": "this.ariaLabelledbyData", "attr.aria-hidden": "this.ariaHiddenData", "attr.aria-disabled": "this.ariaDisabledData", "attr.aria-controls": "this.ariaControlsData", "attr.aria-current": "this.ariaCurrentData", "attr.aria-live": "this.ariaLiveData", "attr.aria-expanded": "this.ariaExpandedData", "attr.aria-errormessage": "this.ariaErrormessageData", "attr.aria-haspopup": "this.ariaHaspopupData", "attr.aria-modal": "this.ariaModalData" } }, queries: [{ propertyName: "headingComponent", predicate: AccordionHeaderComponent }, { propertyName: "itemComponentList", predicate: AccordionItemComponent }], viewQueries: [{ propertyName: "itemSelectors", predicate: ["itemSelector"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "\n  <div class=\"flex justify-between\">\n    <ng-container *ngIf=\"headingComponent || heading\">\n      <ng-container [ngSwitch]=\"headingLevel > 0 && headingLevel < 6 ? headingLevel : 2\">\n        <h1 *ngSwitchCase=\"1\" [class]=\"getTitleClasses()\">\n          <ng-container *desyCustomInnerContent=\"{\n            component: headingComponent ? headingComponent : null,\n            html: heading ? heading.html : null,\n            text: heading ? heading.text : null\n          }\"></ng-container>\n        </h1>\n        <h2 *ngSwitchCase=\"2\" [class]=\"getTitleClasses()\">\n          <ng-container *desyCustomInnerContent=\"{\n            component: headingComponent ? headingComponent : null,\n            html: heading ? heading.html : null,\n            text: heading ? heading.text : null\n          }\"></ng-container>\n        </h2>\n        <h3 *ngSwitchCase=\"3\" [class]=\"getTitleClasses()\">\n          <ng-container *desyCustomInnerContent=\"{\n            component: headingComponent ? headingComponent : null,\n            html: heading ? heading.html : null,\n            text: heading ? heading.text : null\n          }\"></ng-container>\n        </h3>\n        <h4 *ngSwitchCase=\"4\" [class]=\"getTitleClasses()\">\n          <ng-container *desyCustomInnerContent=\"{\n            component: headingComponent ? headingComponent : null,\n            html: heading ? heading.html : null,\n            text: heading ? heading.text : null\n          }\"></ng-container>\n        </h4>\n        <h5 *ngSwitchCase=\"5\" [class]=\"getTitleClasses()\">\n          <ng-container *desyCustomInnerContent=\"{\n            component: headingComponent ? headingComponent : null,\n            html: heading ? heading.html : null,\n            text: heading ? heading.text : null\n          }\"></ng-container>\n        </h5>\n      </ng-container>\n      <button *ngIf=\"showControl\" (click)=\"changeAll()\"\n              class=\"ml-auto py-base text-sm text-neutral-dark underline focus:text-black focus:bg-warning-base focus:outline-none focus:shadow-outline-focus\">\n        {{showAll ? 'Mostrar' : 'Ocultar'}} todo\n      </button>\n    </ng-container>\n  </div>\n  <div class=\"Accordion\">\n    <div *ngFor=\"let item of getItems(); index as i\" class=\"-my-px px-xs py-sm border-t border-b border-neutral-base\"\n         (keydown.home)=\"focusFirstItem($event)\"\n         (keydown.end)=\"focusLastItem($event)\"\n         (keydown.arrowup)=\"focusPreviousItem($event, i)\"\n         (keydown.arrowdown)=\"focusNextItem($event, i)\"\n         (click)=\"selectItem(i)\">\n\n      <ng-container [ngSwitch]=\"headingLevel > 0 && headingLevel < 6 ? headingLevel : 2\">\n        <h2 *ngSwitchCase=\"1\"><ng-container *ngTemplateOutlet=\"itemHeaderContent; context: {item: item, id: getItemId(item, i), index: i}\"></ng-container></h2>\n        <h3 *ngSwitchCase=\"2\"><ng-container *ngTemplateOutlet=\"itemHeaderContent; context: {item: item, id: getItemId(item, i), index: i}\"></ng-container></h3>\n        <h4 *ngSwitchCase=\"3\"><ng-container *ngTemplateOutlet=\"itemHeaderContent; context: {item: item, id: getItemId(item, i), index: i}\"></ng-container></h4>\n        <h5 *ngSwitchCase=\"4\"><ng-container *ngTemplateOutlet=\"itemHeaderContent; context: {item: item, id: getItemId(item, i), index: i}\"></ng-container></h5>\n        <h6 *ngSwitchCase=\"5\"><ng-container *ngTemplateOutlet=\"itemHeaderContent; context: {item: item, id: getItemId(item, i), index: i}\"></ng-container></h6>\n      </ng-container>\n      <p class=\"sr-only\" aria-hidden=\"true\">Haz click en el bot\u00F3n anterior para mostrar u ocultar</p>\n      <div *ngIf=\"item.open\" class=\"Accordion-panel\"\n           [class]=\"item.classes\"\n           [attr.id]=\"getItemId(item, i)\"\n           [attr.role]=\"(item.role ? role : 'accordion')\"           \n           [attr.aria-selected]=\"currentItem === i ? 'true' : 'false'\"\n           [attr.aria-describedby]=\"item.ariaDescribedBy\"\n           [attr.aria-errormessage]=\"item.ariaErrorMessage\"\n           [attr.aria-label]=\"item.ariaLabel\"\n           [attr.aria-labelledby]=\"item.ariaLabelledBy\"\n           [attr.aria-hidden]=\"item.ariaHidden\"\n           [attr.aria-controls]=\"'accordion-' + getItemId(item, i)\"\n           [attr.aria-current]=\"item.ariaCurrent\"\n           [attr.aria-live]=\"item.ariaLive\"\n           [attr.aria-expanded]=\"item.ariaExpanded\"\n           [attr.aria-haspopup]=\"item.ariaHasPopup\">\n        <ng-container *desyCustomInnerContent=\"{ component: getItemContent(item), html: item.html, text: item.text }\"></ng-container>\n      </div>\n    </div>\n  </div>\n<ng-template #itemHeaderContent let-item=\"item\" let-id=\"id\" let-index=\"index\">\n  <button #itemSelector [id]=\"id + '-title'\" class=\"Accordion-trigger group relative w-full py-sm font-semibold text-left cursor-pointer focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black\"\n          [attr.aria-controls]=\"id\" [attr.aria-expanded]=\"item.open\" (click)=\"toggleItem(item)\" [attr.disabled]=\"item.disabled\" [ngClass]=\"item.disabled ? 'cursor-not-allowed' : classes\">\n    <ng-container *desyCustomInnerContent=\"{ component: getItemHeader(item), html: item.headerHtml, text: item.headerText }\"></ng-container>\n    <span *ngIf=\"!item.disabled\" class=\"absolute inset-y-0 right-0 py-sm font-normal text-sm text-neutral-dark underline group-focus:text-black pointer-events-none\" aria-hidden=\"true\" [ngClass]=\"{'hidden': item.disabled}\">\n      <span *ngIf=\"!item.open\" [class]=\"['Accordion-show', item.showHeaderButton?.classes] | makeHtmlList\">\n        <ng-container *desyCustomInnerContent=\"{ component: item.showHeaderButton, text: 'Mostrar' }\"></ng-container>      \n      </span>\n      <span *ngIf=\"allowToggle && item.open\" [class]=\"['Accordion-hide', item.showHeaderButton?.classes] | makeHtmlList\">\n        <ng-container *desyCustomInnerContent=\"{ component: item.hideHeaderButton, text: 'Ocultar' }\"></ng-container>\n      </span>\n    </span>\n  </button>\n</ng-template>\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: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.CustomInnerContentDirective, selector: "[desyCustomInnerContent]", inputs: ["desyCustomInnerContent"] }, { kind: "pipe", type: i3.MakeHtmlListPipe, name: "makeHtmlList" }] });
+AccordionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AccordionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+AccordionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: AccordionComponent, selector: "desy-accordion", inputs: { idPrefix: "idPrefix", allowToggle: "allowToggle", allowMultiple: "allowMultiple", heading: "heading", headingLevel: "headingLevel", showControl: "showControl", items: "items", classes: "classes" }, host: { properties: { "class": "this.classes", "attr.role": "this.roleData", "attr.aria-label": "this.ariaLabelData", "attr.aria-describedby": "this.ariaDescribedbyData", "attr.aria-labelledby": "this.ariaLabelledbyData", "attr.aria-hidden": "this.ariaHiddenData", "attr.aria-disabled": "this.ariaDisabledData", "attr.aria-controls": "this.ariaControlsData", "attr.aria-current": "this.ariaCurrentData", "attr.aria-live": "this.ariaLiveData", "attr.aria-expanded": "this.ariaExpandedData", "attr.aria-errormessage": "this.ariaErrormessageData", "attr.aria-haspopup": "this.ariaHaspopupData", "attr.aria-modal": "this.ariaModalData" } }, queries: [{ propertyName: "headingComponent", predicate: AccordionHeaderComponent }, { propertyName: "itemComponentList", predicate: AccordionItemComponent }], viewQueries: [{ propertyName: "itemSelectors", predicate: ["itemSelector"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "\n  <div class=\"flex justify-between\">\n    <ng-container *ngIf=\"headingComponent || heading\">\n      <ng-container [ngSwitch]=\"headingLevel > 0 && headingLevel < 6 ? headingLevel : 2\">\n        <h1 *ngSwitchCase=\"1\" [class]=\"getTitleClasses()\">\n          <ng-container *desyCustomInnerContent=\"{\n            component: headingComponent ? headingComponent : null,\n            html: heading ? heading.html : null,\n            text: heading ? heading.text : null\n          }\"></ng-container>\n        </h1>\n        <h2 *ngSwitchCase=\"2\" [class]=\"getTitleClasses()\">\n          <ng-container *desyCustomInnerContent=\"{\n            component: headingComponent ? headingComponent : null,\n            html: heading ? heading.html : null,\n            text: heading ? heading.text : null\n          }\"></ng-container>\n        </h2>\n        <h3 *ngSwitchCase=\"3\" [class]=\"getTitleClasses()\">\n          <ng-container *desyCustomInnerContent=\"{\n            component: headingComponent ? headingComponent : null,\n            html: heading ? heading.html : null,\n            text: heading ? heading.text : null\n          }\"></ng-container>\n        </h3>\n        <h4 *ngSwitchCase=\"4\" [class]=\"getTitleClasses()\">\n          <ng-container *desyCustomInnerContent=\"{\n            component: headingComponent ? headingComponent : null,\n            html: heading ? heading.html : null,\n            text: heading ? heading.text : null\n          }\"></ng-container>\n        </h4>\n        <h5 *ngSwitchCase=\"5\" [class]=\"getTitleClasses()\">\n          <ng-container *desyCustomInnerContent=\"{\n            component: headingComponent ? headingComponent : null,\n            html: heading ? heading.html : null,\n            text: heading ? heading.text : null\n          }\"></ng-container>\n        </h5>\n      </ng-container>\n      <button *ngIf=\"showControl\" (click)=\"changeAll()\"\n              class=\"ml-auto py-base text-sm text-neutral-dark underline focus:text-black focus:bg-warning-base focus:outline-none focus:shadow-outline-focus\">\n        {{showAll ? 'Mostrar' : 'Ocultar'}} todo\n      </button>\n    </ng-container>\n  </div>\n  <div class=\"Accordion\">\n    <div *ngFor=\"let item of getItems(); index as i\" class=\"-my-px px-xs py-sm border-t border-b border-neutral-base\"\n         (keydown.home)=\"focusFirstItem($event)\"\n         (keydown.end)=\"focusLastItem($event)\"\n         (keydown.arrowup)=\"focusPreviousItem($event, i)\"\n         (keydown.arrowdown)=\"focusNextItem($event, i)\"\n         (click)=\"selectItem(i)\">\n\n      <ng-container [ngSwitch]=\"headingLevel > 0 && headingLevel < 6 ? headingLevel : 2\">\n        <h2 *ngSwitchCase=\"1\"><ng-container *ngTemplateOutlet=\"itemHeaderContent; context: {item: item, id: getItemId(item, i), index: i}\"></ng-container></h2>\n        <h3 *ngSwitchCase=\"2\"><ng-container *ngTemplateOutlet=\"itemHeaderContent; context: {item: item, id: getItemId(item, i), index: i}\"></ng-container></h3>\n        <h4 *ngSwitchCase=\"3\"><ng-container *ngTemplateOutlet=\"itemHeaderContent; context: {item: item, id: getItemId(item, i), index: i}\"></ng-container></h4>\n        <h5 *ngSwitchCase=\"4\"><ng-container *ngTemplateOutlet=\"itemHeaderContent; context: {item: item, id: getItemId(item, i), index: i}\"></ng-container></h5>\n        <h6 *ngSwitchCase=\"5\"><ng-container *ngTemplateOutlet=\"itemHeaderContent; context: {item: item, id: getItemId(item, i), index: i}\"></ng-container></h6>\n      </ng-container>\n      <p class=\"sr-only\" aria-hidden=\"true\">Haz click en el bot\u00F3n anterior para mostrar u ocultar</p>\n      <div *ngIf=\"item.open\" class=\"Accordion-panel\"\n           [class]=\"item.classes\"\n           [attr.id]=\"getItemId(item, i)\"\n           [attr.role]=\"(item.role ? role : 'accordion')\"           \n           [attr.aria-selected]=\"currentItem === i ? 'true' : 'false'\"\n           [attr.aria-describedby]=\"item.ariaDescribedBy\"\n           [attr.aria-errormessage]=\"item.ariaErrorMessage\"\n           [attr.aria-label]=\"item.ariaLabel\"\n           [attr.aria-labelledby]=\"item.ariaLabelledBy\"\n           [attr.aria-hidden]=\"item.ariaHidden\"\n           [attr.aria-controls]=\"'accordion-' + getItemId(item, i)\"\n           [attr.aria-current]=\"item.ariaCurrent\"\n           [attr.aria-live]=\"item.ariaLive\"\n           [attr.aria-expanded]=\"item.ariaExpanded\"\n           [attr.aria-haspopup]=\"item.ariaHasPopup\">\n        <ng-container *desyCustomInnerContent=\"{ component: getItemContent(item), html: item.html, text: item.text }\"></ng-container>\n      </div>\n    </div>\n  </div>\n<ng-template #itemHeaderContent let-item=\"item\" let-id=\"id\" let-index=\"index\">\n  <button #itemSelector [id]=\"id + '-title'\" class=\"Accordion-trigger group relative w-full py-sm font-semibold text-left cursor-pointer focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black\"\n          [attr.aria-controls]=\"id\" [attr.aria-expanded]=\"item.open\" (click)=\"toggleItem(item)\" [attr.disabled]=\"item.disabled\" [ngClass]=\"item.disabled ? 'cursor-not-allowed' : classes\">\n    <ng-container *desyCustomInnerContent=\"{ component: getItemHeader(item), html: item.headerHtml, text: item.headerText }\"></ng-container>\n    <span *ngIf=\"!item.disabled\" class=\"absolute inset-y-0 right-0 py-sm font-normal text-sm text-neutral-dark underline group-focus:text-black pointer-events-none\" aria-hidden=\"true\" [ngClass]=\"{'hidden': item.disabled}\">\n      <span *ngIf=\"!item.open\" [class]=\"['Accordion-show', item.showHeaderButton?.classes] | makeHtmlList\">\n        <ng-container *desyCustomInnerContent=\"{ component: item.showHeaderButton, text: 'Mostrar' }\"></ng-container>      \n      </span>\n      <span *ngIf=\"allowToggle && item.open\" [class]=\"['Accordion-hide', item.showHeaderButton?.classes] | makeHtmlList\">\n        <ng-container *desyCustomInnerContent=\"{ component: item.hideHeaderButton, text: 'Ocultar' }\"></ng-container>\n      </span>\n    </span>\n  </button>\n</ng-template>\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: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.CustomInnerContentDirective, selector: "[desyCustomInnerContent]", inputs: ["desyCustomInnerContent"] }, { kind: "pipe", type: i3.MakeHtmlListPipe, name: "makeHtmlList" }] });
 __decorate([
     DesyContentChild()
 ], AccordionComponent.prototype, "headingComponent", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: AccordionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AccordionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'desy-accordion', template: "\n  <div class=\"flex justify-between\">\n    <ng-container *ngIf=\"headingComponent || heading\">\n      <ng-container [ngSwitch]=\"headingLevel > 0 && headingLevel < 6 ? headingLevel : 2\">\n        <h1 *ngSwitchCase=\"1\" [class]=\"getTitleClasses()\">\n          <ng-container *desyCustomInnerContent=\"{\n            component: headingComponent ? headingComponent : null,\n            html: heading ? heading.html : null,\n            text: heading ? heading.text : null\n          }\"></ng-container>\n        </h1>\n        <h2 *ngSwitchCase=\"2\" [class]=\"getTitleClasses()\">\n          <ng-container *desyCustomInnerContent=\"{\n            component: headingComponent ? headingComponent : null,\n            html: heading ? heading.html : null,\n            text: heading ? heading.text : null\n          }\"></ng-container>\n        </h2>\n        <h3 *ngSwitchCase=\"3\" [class]=\"getTitleClasses()\">\n          <ng-container *desyCustomInnerContent=\"{\n            component: headingComponent ? headingComponent : null,\n            html: heading ? heading.html : null,\n            text: heading ? heading.text : null\n          }\"></ng-container>\n        </h3>\n        <h4 *ngSwitchCase=\"4\" [class]=\"getTitleClasses()\">\n          <ng-container *desyCustomInnerContent=\"{\n            component: headingComponent ? headingComponent : null,\n            html: heading ? heading.html : null,\n            text: heading ? heading.text : null\n          }\"></ng-container>\n        </h4>\n        <h5 *ngSwitchCase=\"5\" [class]=\"getTitleClasses()\">\n          <ng-container *desyCustomInnerContent=\"{\n            component: headingComponent ? headingComponent : null,\n            html: heading ? heading.html : null,\n            text: heading ? heading.text : null\n          }\"></ng-container>\n        </h5>\n      </ng-container>\n      <button *ngIf=\"showControl\" (click)=\"changeAll()\"\n              class=\"ml-auto py-base text-sm text-neutral-dark underline focus:text-black focus:bg-warning-base focus:outline-none focus:shadow-outline-focus\">\n        {{showAll ? 'Mostrar' : 'Ocultar'}} todo\n      </button>\n    </ng-container>\n  </div>\n  <div class=\"Accordion\">\n    <div *ngFor=\"let item of getItems(); index as i\" class=\"-my-px px-xs py-sm border-t border-b border-neutral-base\"\n         (keydown.home)=\"focusFirstItem($event)\"\n         (keydown.end)=\"focusLastItem($event)\"\n         (keydown.arrowup)=\"focusPreviousItem($event, i)\"\n         (keydown.arrowdown)=\"focusNextItem($event, i)\"\n         (click)=\"selectItem(i)\">\n\n      <ng-container [ngSwitch]=\"headingLevel > 0 && headingLevel < 6 ? headingLevel : 2\">\n        <h2 *ngSwitchCase=\"1\"><ng-container *ngTemplateOutlet=\"itemHeaderContent; context: {item: item, id: getItemId(item, i), index: i}\"></ng-container></h2>\n        <h3 *ngSwitchCase=\"2\"><ng-container *ngTemplateOutlet=\"itemHeaderContent; context: {item: item, id: getItemId(item, i), index: i}\"></ng-container></h3>\n        <h4 *ngSwitchCase=\"3\"><ng-container *ngTemplateOutlet=\"itemHeaderContent; context: {item: item, id: getItemId(item, i), index: i}\"></ng-container></h4>\n        <h5 *ngSwitchCase=\"4\"><ng-container *ngTemplateOutlet=\"itemHeaderContent; context: {item: item, id: getItemId(item, i), index: i}\"></ng-container></h5>\n        <h6 *ngSwitchCase=\"5\"><ng-container *ngTemplateOutlet=\"itemHeaderContent; context: {item: item, id: getItemId(item, i), index: i}\"></ng-container></h6>\n      </ng-container>\n      <p class=\"sr-only\" aria-hidden=\"true\">Haz click en el bot\u00F3n anterior para mostrar u ocultar</p>\n      <div *ngIf=\"item.open\" class=\"Accordion-panel\"\n           [class]=\"item.classes\"\n           [attr.id]=\"getItemId(item, i)\"\n           [attr.role]=\"(item.role ? role : 'accordion')\"           \n           [attr.aria-selected]=\"currentItem === i ? 'true' : 'false'\"\n           [attr.aria-describedby]=\"item.ariaDescribedBy\"\n           [attr.aria-errormessage]=\"item.ariaErrorMessage\"\n           [attr.aria-label]=\"item.ariaLabel\"\n           [attr.aria-labelledby]=\"item.ariaLabelledBy\"\n           [attr.aria-hidden]=\"item.ariaHidden\"\n           [attr.aria-controls]=\"'accordion-' + getItemId(item, i)\"\n           [attr.aria-current]=\"item.ariaCurrent\"\n           [attr.aria-live]=\"item.ariaLive\"\n           [attr.aria-expanded]=\"item.ariaExpanded\"\n           [attr.aria-haspopup]=\"item.ariaHasPopup\">\n        <ng-container *desyCustomInnerContent=\"{ component: getItemContent(item), html: item.html, text: item.text }\"></ng-container>\n      </div>\n    </div>\n  </div>\n<ng-template #itemHeaderContent let-item=\"item\" let-id=\"id\" let-index=\"index\">\n  <button #itemSelector [id]=\"id + '-title'\" class=\"Accordion-trigger group relative w-full py-sm font-semibold text-left cursor-pointer focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black\"\n          [attr.aria-controls]=\"id\" [attr.aria-expanded]=\"item.open\" (click)=\"toggleItem(item)\" [attr.disabled]=\"item.disabled\" [ngClass]=\"item.disabled ? 'cursor-not-allowed' : classes\">\n    <ng-container *desyCustomInnerContent=\"{ component: getItemHeader(item), html: item.headerHtml, text: item.headerText }\"></ng-container>\n    <span *ngIf=\"!item.disabled\" class=\"absolute inset-y-0 right-0 py-sm font-normal text-sm text-neutral-dark underline group-focus:text-black pointer-events-none\" aria-hidden=\"true\" [ngClass]=\"{'hidden': item.disabled}\">\n      <span *ngIf=\"!item.open\" [class]=\"['Accordion-show', item.showHeaderButton?.classes] | makeHtmlList\">\n        <ng-container *desyCustomInnerContent=\"{ component: item.showHeaderButton, text: 'Mostrar' }\"></ng-container>      \n      </span>\n      <span *ngIf=\"allowToggle && item.open\" [class]=\"['Accordion-hide', item.showHeaderButton?.classes] | makeHtmlList\">\n        <ng-container *desyCustomInnerContent=\"{ component: item.hideHeaderButton, text: 'Ocultar' }\"></ng-container>\n      </span>\n    </span>\n  </button>\n</ng-template>\n" }]
         }], propDecorators: { itemSelectors: [{

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

@@ -11,15 +11,15 @@ export class AccordionHistoryItemComponent extends AccordionItemComponent {
         this.disabled = false;
     }
 }
-AccordionHistoryItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: AccordionHistoryItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-AccordionHistoryItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: AccordionHistoryItemComponent, selector: "desy-accordion-history-item", inputs: { status: "status", disabled: "disabled" }, queries: [{ propertyName: "showButton", predicate: AccordionItemShowButtonComponent }, { propertyName: "hideButton", predicate: AccordionItemHideButtonComponent }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
+AccordionHistoryItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AccordionHistoryItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+AccordionHistoryItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: AccordionHistoryItemComponent, selector: "desy-accordion-history-item", inputs: { status: "status", disabled: "disabled" }, queries: [{ propertyName: "showButton", predicate: AccordionItemShowButtonComponent }, { propertyName: "hideButton", predicate: AccordionItemHideButtonComponent }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
 __decorate([
     DesyContentChild()
 ], AccordionHistoryItemComponent.prototype, "showButton", void 0);
 __decorate([
     DesyContentChild()
 ], AccordionHistoryItemComponent.prototype, "hideButton", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: AccordionHistoryItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AccordionHistoryItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'desy-accordion-history-item',