desy-angular 14.0.0 → 14.0.1

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

@@ -23,8 +23,8 @@ import { FocusClickedCellDirective } from './directives/focus-clicked-cell.direc
 import { RowDirective } from './directives/row.directive';
 import * as i0 from "@angular/core";
 export class DesyTablesModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: DesyTablesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.11", ngImport: i0, type: DesyTablesModule, declarations: [TableComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DesyTablesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DesyTablesModule, declarations: [TableComponent,
             TableCaptionComponent,
             TableCellComponent,
             TableHeaderComponent,
@@ -59,14 +59,14 @@ export class DesyTablesModule {
             TableAdvancedSelectComponent,
             TableAdvancedFooterComponent,
             TableAdvancedFooterCellComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: DesyTablesModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DesyTablesModule, imports: [CommonModule,
             FormsModule,
             ReactiveFormsModule,
             A11yModule,
             SharedModule,
             DesyFormsModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: DesyTablesModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DesyTablesModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

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

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

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

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

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

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

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

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

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

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

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

@@ -178,14 +178,14 @@ export class AccordionComponent extends AccessibilityComponent {
     getItemContent(item) {
         return item instanceof AccordionItemComponent ? item.contentComponent : null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: AccordionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.11", type: AccordionComponent, selector: "desy-accordion", inputs: { id: "id", idPrefix: "idPrefix", allowToggle: "allowToggle", allowMultiple: "allowMultiple", heading: "heading", headingLevel: "headingLevel", showControl: "showControl", items: "items", classes: "classes" }, host: { properties: { "class": "this.classes", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel", "attr.aria-describedby": "this.ariaDescribedBy", "attr.aria-labelledby": "this.ariaLabelledBy", "attr.aria-hidden": "this.ariaHidden", "attr.aria-disabled": "this.ariaDisabled", "attr.aria-controls": "this.ariaControls", "attr.aria-current": "this.ariaCurrent", "attr.aria-live": "this.ariaLive", "attr.aria-expanded": "this.ariaExpanded", "attr.aria-errormessage": "this.ariaErrorMessage", "attr.aria-haspopup": "this.ariaHasPopup", "attr.aria-modal": "this.ariaModal", "attr.aria-checked": "this.ariaChecked", "attr.aria-pressed": "this.ariaPressed", "attr.aria-readonly": "this.ariaReadonly", "attr.aria-required": "this.ariaRequired", "attr.aria-selected": "this.ariaSelected", "attr.aria-valuemin": "this.ariaValuemin", "attr.aria-valuemax": "this.ariaValuemax", "attr.aria-valuenow": "this.ariaValuenow", "attr.aria-valuetext": "this.ariaValuetext", "attr.aria-orientation": "this.ariaOrientation", "attr.aria-level": "this.ariaLevel", "attr.aria-multiselectable": "this.ariaMultiselectable", "attr.aria-placeholder": "this.ariaPlaceholder", "attr.aria-posinset": "this.ariaPosinset", "attr.aria-setsize": "this.ariaSetsize", "attr.aria-sort": "this.ariaSort", "attr.aria-busy": "this.ariaBusy", "attr.aria-dropeffect": "this.ariaDropeffect", "attr.aria-grabbed": "this.ariaGrabbed", "attr.aria-activedescendant": "this.ariaActivedescendant", "attr.aria-atomic": "this.ariaAtomic", "attr.aria-autocomplete": "this.ariaAutocomplete", "attr.aria-braillelabel": "this.ariaBraillelabel", "attr.aria-brailleroledescription": "this.ariaBrailleroledescription", "attr.aria-colcount": "this.ariaColcount", "attr.aria-colindex": "this.ariaColindex", "attr.aria-colindextext": "this.ariaColindextext", "attr.aria-colspan": "this.ariaColspan", "attr.aria-description": "this.ariaDescription", "attr.aria-details": "this.ariaDetails", "attr.aria-flowto": "this.ariaFlowto", "attr.aria-invalid": "this.ariaInvalid", "attr.aria-keyshortcuts": "this.ariaKeyshortcuts", "attr.aria-owns": "this.ariaOwns", "attr.aria-relevant": "this.ariaRelevant", "attr.aria-roledescription": "this.ariaRoledescription", "attr.aria-rowcount": "this.ariaRowcount", "attr.aria-rowindex": "this.ariaRowindex", "attr.aria-rowindextext": "this.ariaRowindextext", "attr.aria-rowspan": "this.ariaRowspan", "attr.tabindex": "this.tabindex", "attr.title": "this.title", "attr.alt": "this.alt", "attr.lang": "this.lang", "attr.accesskey": "this.accesskey", "attr.autocomplete": "this.autocomplete", "attr.autofocus": "this.autofocus", "attr.contenteditable": "this.contenteditable", "attr.dir": "this.dir", "attr.draggable": "this.draggable", "attr.enterkeyhint": "this.enterkeyhint", "attr.hidden": "this.hidden", "attr.inputmode": "this.inputmode", "attr.spellcheck": "this.spellcheck", "attr.translate": "this.translate", "attr.aria-multiline": "this.ariaMultiline", "attr.for": "this.for", "attr.form": "this.form", "attr.headers": "this.headers", "attr.placeholder": "this.placeholder", "attr.readonly": "this.readonly", "attr.required": "this.required" } }, 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 [attr.id]=\"id\" *ngIf=\"showControl\" (click)=\"changeAll()\" type=\"button\"\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 text-right\">\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=\"c-accordion__panel\"\n           [class]=\"item.classes\"\n           [attr.id]=\"getItemId(item, i)\"\n           [desyAppAccessibility]=\"item\">\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'\" type=\"button\" class=\"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 === true ? 'true' : 'false'\" (click)=\"toggleItem(item)\" [attr.disabled]=\"item.disabled\" [ngClass]=\"item.disabled ? 'cursor-not-allowed' : ''\">\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: "directive", type: i3.AccessibilityDirective, selector: "[desyAppAccessibility]", inputs: ["desyAppAccessibility"] }, { kind: "pipe", type: i4.MakeHtmlListPipe, name: "makeHtmlList" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AccordionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AccordionComponent, selector: "desy-accordion", inputs: { id: "id", idPrefix: "idPrefix", allowToggle: "allowToggle", allowMultiple: "allowMultiple", heading: "heading", headingLevel: "headingLevel", showControl: "showControl", items: "items", classes: "classes" }, host: { properties: { "class": "this.classes", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel", "attr.aria-describedby": "this.ariaDescribedBy", "attr.aria-labelledby": "this.ariaLabelledBy", "attr.aria-hidden": "this.ariaHidden", "attr.aria-disabled": "this.ariaDisabled", "attr.aria-controls": "this.ariaControls", "attr.aria-current": "this.ariaCurrent", "attr.aria-live": "this.ariaLive", "attr.aria-expanded": "this.ariaExpanded", "attr.aria-errormessage": "this.ariaErrorMessage", "attr.aria-haspopup": "this.ariaHasPopup", "attr.aria-modal": "this.ariaModal", "attr.aria-checked": "this.ariaChecked", "attr.aria-pressed": "this.ariaPressed", "attr.aria-readonly": "this.ariaReadonly", "attr.aria-required": "this.ariaRequired", "attr.aria-selected": "this.ariaSelected", "attr.aria-valuemin": "this.ariaValuemin", "attr.aria-valuemax": "this.ariaValuemax", "attr.aria-valuenow": "this.ariaValuenow", "attr.aria-valuetext": "this.ariaValuetext", "attr.aria-orientation": "this.ariaOrientation", "attr.aria-level": "this.ariaLevel", "attr.aria-multiselectable": "this.ariaMultiselectable", "attr.aria-placeholder": "this.ariaPlaceholder", "attr.aria-posinset": "this.ariaPosinset", "attr.aria-setsize": "this.ariaSetsize", "attr.aria-sort": "this.ariaSort", "attr.aria-busy": "this.ariaBusy", "attr.aria-dropeffect": "this.ariaDropeffect", "attr.aria-grabbed": "this.ariaGrabbed", "attr.aria-activedescendant": "this.ariaActivedescendant", "attr.aria-atomic": "this.ariaAtomic", "attr.aria-autocomplete": "this.ariaAutocomplete", "attr.aria-braillelabel": "this.ariaBraillelabel", "attr.aria-brailleroledescription": "this.ariaBrailleroledescription", "attr.aria-colcount": "this.ariaColcount", "attr.aria-colindex": "this.ariaColindex", "attr.aria-colindextext": "this.ariaColindextext", "attr.aria-colspan": "this.ariaColspan", "attr.aria-description": "this.ariaDescription", "attr.aria-details": "this.ariaDetails", "attr.aria-flowto": "this.ariaFlowto", "attr.aria-invalid": "this.ariaInvalid", "attr.aria-keyshortcuts": "this.ariaKeyshortcuts", "attr.aria-owns": "this.ariaOwns", "attr.aria-relevant": "this.ariaRelevant", "attr.aria-roledescription": "this.ariaRoledescription", "attr.aria-rowcount": "this.ariaRowcount", "attr.aria-rowindex": "this.ariaRowindex", "attr.aria-rowindextext": "this.ariaRowindextext", "attr.aria-rowspan": "this.ariaRowspan", "attr.tabindex": "this.tabindex", "attr.title": "this.title", "attr.alt": "this.alt", "attr.lang": "this.lang", "attr.accesskey": "this.accesskey", "attr.autocomplete": "this.autocomplete", "attr.autofocus": "this.autofocus", "attr.contenteditable": "this.contenteditable", "attr.dir": "this.dir", "attr.draggable": "this.draggable", "attr.enterkeyhint": "this.enterkeyhint", "attr.hidden": "this.hidden", "attr.inputmode": "this.inputmode", "attr.spellcheck": "this.spellcheck", "attr.translate": "this.translate", "attr.aria-multiline": "this.ariaMultiline", "attr.for": "this.for", "attr.form": "this.form", "attr.headers": "this.headers", "attr.placeholder": "this.placeholder", "attr.readonly": "this.readonly", "attr.required": "this.required" } }, 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 [attr.id]=\"id\" *ngIf=\"showControl\" (click)=\"changeAll()\" type=\"button\"\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 text-right\">\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=\"c-accordion__panel\"\n           [class]=\"item.classes\"\n           [attr.id]=\"getItemId(item, i)\"\n           [desyAppAccessibility]=\"item\">\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'\" type=\"button\" class=\"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 === true ? 'true' : 'false'\" (click)=\"toggleItem(item)\" [attr.disabled]=\"item.disabled\" [ngClass]=\"item.disabled ? 'cursor-not-allowed' : ''\">\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: "directive", type: i3.AccessibilityDirective, selector: "[desyAppAccessibility]", inputs: ["desyAppAccessibility"] }, { kind: "pipe", type: i4.MakeHtmlListPipe, name: "makeHtmlList" }] }); }
 }
 __decorate([
     DesyContentChild(),
     __metadata("design:type", AccordionHeaderComponent)
 ], AccordionComponent.prototype, "headingComponent", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: AccordionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", 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 [attr.id]=\"id\" *ngIf=\"showControl\" (click)=\"changeAll()\" type=\"button\"\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 text-right\">\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=\"c-accordion__panel\"\n           [class]=\"item.classes\"\n           [attr.id]=\"getItemId(item, i)\"\n           [desyAppAccessibility]=\"item\">\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'\" type=\"button\" class=\"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 === true ? 'true' : 'false'\" (click)=\"toggleItem(item)\" [attr.disabled]=\"item.disabled\" [ngClass]=\"item.disabled ? 'cursor-not-allowed' : ''\">\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/esm2022/lib/desy-views/components/accordion-history/accordion-history-item/accordion-history-item.component.mjs

@@ -10,8 +10,8 @@ export class AccordionHistoryItemComponent extends AccordionItemComponent {
         super(...arguments);
         this.disabled = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: AccordionHistoryItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.11", 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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AccordionHistoryItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", 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(),
@@ -21,7 +21,7 @@ __decorate([
     DesyContentChild(),
     __metadata("design:type", AccordionItemHideButtonComponent)
 ], AccordionHistoryItemComponent.prototype, "hideButton", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: AccordionHistoryItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AccordionHistoryItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'desy-accordion-history-item',

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

@@ -7,10 +7,10 @@ import * as i2 from "../../../shared/directives/custom-inner-content.directive";
 import * as i3 from "../../../shared/directives/accessibility-directive";
 import * as i4 from "../../../shared/pipes/make-html-list.pipe";
 export class AccordionHistoryComponent extends AccordionComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: AccordionHistoryComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.11", type: AccordionHistoryComponent, selector: "desy-accordion-history", queries: [{ propertyName: "itemComponentList", predicate: AccordionHistoryItemComponent }], usesInheritance: true, ngImport: i0, template: "<div [desyAppAccessibility]=\"this\">\n  <div class=\"flex justify-between\">\n    <ng-container [ngSwitch]=\"headingLevel\">\n      <h1 *ngSwitchCase=\"1\" [class]=\"headingComponent?.classes || 'c-h2 mb-base'\"><ng-container *desyCustomInnerContent=\"{ component: headingComponent }\"></ng-container></h1>\n      <h2 *ngSwitchCase=\"2\" [class]=\"headingComponent?.classes || 'c-h2 mb-base'\"><ng-container *desyCustomInnerContent=\"{ component: headingComponent }\"></ng-container></h2>\n      <h3 *ngSwitchCase=\"3\" [class]=\"headingComponent?.classes || 'c-h2 mb-base'\"><ng-container *desyCustomInnerContent=\"{ component: headingComponent }\"></ng-container></h3>\n      <h4 *ngSwitchCase=\"4\" [class]=\"headingComponent?.classes || 'c-h2 mb-base'\"><ng-container *desyCustomInnerContent=\"{ component: headingComponent }\"></ng-container></h4>\n      <h5 *ngSwitchCase=\"5\" [class]=\"headingComponent?.classes || 'c-h2 mb-base'\"><ng-container *desyCustomInnerContent=\"{ component: headingComponent }\"></ng-container></h5>\n      <h2 *ngSwitchDefault  [class]=\"headingComponent?.classes || 'c-h2 mb-base'\"><ng-container *desyCustomInnerContent=\"{ component: headingComponent }\"></ng-container></h2>\n    </ng-container>\n\n    <button [attr.id]=\"id\" *ngIf=\"showControl\" (click)=\"changeAll()\"\n            type=\"button\" 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 text-right\">\n      {{showAll ? 'Mostrar' : 'Ocultar'}} todo\n    </button>\n  </div>\n  <div class=\"Accordion pl-lg\">\n      <ng-template #itemHeaderContent let-item=\"item\" let-id=\"id\" let-index=\"index\">\n        <button #itemSelector [id]=\"id + '-title'\" (click)=\"toggleItem(item)\" type=\"button\"\n                type=\"button\" [class]=\"['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', item.disabled ? 'cursor-not-allowed' : ''] | makeHtmlList\"\n                [attr.aria-controls]=\"id\" [attr.aria-expanded]=\"item.open === true ? 'true' : 'false'\" [disabled]=\"item.disabled\">\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\">\n              <span *ngIf=\"!item.open\" [class]=\"['Accordion-show', item.showButton?.classes] | makeHtmlList\">\n                <ng-container *desyCustomInnerContent=\"{ component: item.showButton, text: 'Mostrar' }\"></ng-container>\n              </span>\n              <span *ngIf=\"allowToggle && item.open\" [class]=\"['Accordion-show', item.hideButton?.classes] | makeHtmlList\">\n                <ng-container *desyCustomInnerContent=\"{ component: item.hideButton, text: 'Ocultar' }\"></ng-container>\n              </span>\n            </span>\n        </button>\n      </ng-template>\n\n      <div *ngFor=\"let item of getItems(); index as i; first as isFirst; last as isLast\" \n           class=\"relative -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        <ng-container [ngSwitch]=\"headingLevel\">\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            <h3 *ngSwitchDefault><ng-container *ngTemplateOutlet=\"itemHeaderContent; context: {item: item, id: getItemId(item, i), index: i}\"></ng-container></h3>\n        </ng-container>\n        <p class=\"sr-only\" aria-hidden=\"true\">Haz click en el bot\u00F3n anterior para mostrar u ocultar</p>\n        <ng-container *ngIf=\"!isFirst\">\n          <ng-container [ngSwitch]=\"item.status\">\n            <div *ngSwitchCase=\"'current'\" class=\"absolute -top-px -left-5 h-6 border-2 border-primary-base\"></div>\n            <div *ngSwitchCase=\"'pending'\" class=\"absolute -top-px -left-5 h-6 border-2 border-neutral-light\"></div>\n            <div *ngSwitchCase=\"'muted'\" class=\"absolute -top-px -left-5 h-6 border-2 border-neutral-base\"></div>\n            <div *ngSwitchCase=\"'currentmuted'\" class=\"absolute -top-px -left-5 h-6 border-2 border-neutral-base\"></div>\n            <div *ngSwitchDefault class=\"absolute -top-px -left-5 h-6 border-2 border-primary-base\"></div>\n          </ng-container>\n        </ng-container>\n        <ng-container *ngIf=\"!isLast\">\n          <ng-container [ngSwitch]=\"item.status\">\n            <div *ngSwitchCase=\"'current'\" class=\"absolute top-6 bottom-0 -left-5 border-2 border-neutral-light\"></div>\n            <div *ngSwitchCase=\"'pending'\" class=\"absolute top-6 bottom-0 -left-5 border-2 border-neutral-light\"></div>\n            <div *ngSwitchCase=\"'muted'\" class=\"absolute top-6 bottom-0 -left-5 border-2 border-neutral-base\"></div>\n            <div *ngSwitchCase=\"'currentmuted'\" class=\"absolute top-6 bottom-0 -left-5 border-2 border-neutral-light\"></div>\n            <div *ngSwitchDefault class=\"absolute top-6 bottom-0 -left-5 border-2 border-primary-base\"></div>\n          </ng-container>\n        </ng-container>\n        <ng-container [ngSwitch]=\"item.status\">\n          <div *ngSwitchCase=\"'current'\" class=\"absolute top-5 -left-6 w-3 h-3 bg-white ring-2 ring-primary-base rounded-full\" role=\"img\"><p class=\"sr-only\">Estado: actual</p></div>\n          <div *ngSwitchCase=\"'pending'\" class=\"absolute top-5 -left-6 w-3 h-3 bg-white border-2 border-neutral-base rounded-full\" role=\"img\"><p class=\"sr-only\">Estado: pendiente</p></div>\n          <div *ngSwitchCase=\"'muted'\" class=\"absolute top-5 -left-6 w-3 h-3 bg-neutral-base border-2 border-neutral-base rounded-full\" role=\"img\"><p class=\"sr-only\">Estado: pasado</p></div>\n          <div *ngSwitchCase=\"'currentmuted'\" class=\"absolute top-5 -left-6 w-3 h-3 bg-neutral-base ring-2 ring-neutral-base rounded-full\" role=\"img\"><p class=\"sr-only\">Estado: actual</p></div>\n          <div *ngSwitchDefault class=\"absolute top-5 -left-6 w-3 h-3 bg-primary-base border-2 border-primary-base rounded-full\" role=\"img\"><p class=\"sr-only\">Estado: pasado</p></div>\n        </ng-container>\n\n        <div *ngIf=\"item.open\" [class]=\"['c-accordion__panel relative', item.classes] | makeHtmlList\"\n             [attr.id]=\"getItemId(item, i)\"\n             [desyAppAccessibility]=\"item\">\n          <ng-container *ngIf=\"!isLast\">\n            <ng-container [ngSwitch]=\"item.status\">\n              <div *ngSwitchCase=\"'current'\" class=\"absolute top-4 bottom-0 -left-6 -my-sm border-2 border-neutral-light\"></div>\n              <div *ngSwitchCase=\"'pending'\" class=\"absolute top-4 bottom-0 -left-6 -my-sm border-2 border-neutral-light\"></div>\n              <div *ngSwitchCase=\"'muted'\" class=\"absolute top-4 bottom-0 -left-6 -my-sm border-2 border-neutral-base\"></div>\n              <div *ngSwitchCase=\"'currentmuted'\" class=\"absolute top-4 bottom-0 -left-6 -my-sm border-2 border-neutral-light\"></div>\n              <div *ngSwitchDefault class=\"absolute top-4 bottom-0 -left-6 -my-sm border-2 border-primary-base\"></div>\n            </ng-container>\n          </ng-container>\n          <ng-container *desyCustomInnerContent=\"{ component: getItemContent(item), html: item.html, text: item.text }\"></ng-container>\n        </div>\n      </div>\n  </div>\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: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i2.CustomInnerContentDirective, selector: "[desyCustomInnerContent]", inputs: ["desyCustomInnerContent"] }, { kind: "directive", type: i3.AccessibilityDirective, selector: "[desyAppAccessibility]", inputs: ["desyAppAccessibility"] }, { kind: "pipe", type: i4.MakeHtmlListPipe, name: "makeHtmlList" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AccordionHistoryComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AccordionHistoryComponent, selector: "desy-accordion-history", queries: [{ propertyName: "itemComponentList", predicate: AccordionHistoryItemComponent }], usesInheritance: true, ngImport: i0, template: "<div [desyAppAccessibility]=\"this\">\n  <div class=\"flex justify-between\">\n    <ng-container [ngSwitch]=\"headingLevel\">\n      <h1 *ngSwitchCase=\"1\" [class]=\"headingComponent?.classes || 'c-h2 mb-base'\"><ng-container *desyCustomInnerContent=\"{ component: headingComponent }\"></ng-container></h1>\n      <h2 *ngSwitchCase=\"2\" [class]=\"headingComponent?.classes || 'c-h2 mb-base'\"><ng-container *desyCustomInnerContent=\"{ component: headingComponent }\"></ng-container></h2>\n      <h3 *ngSwitchCase=\"3\" [class]=\"headingComponent?.classes || 'c-h2 mb-base'\"><ng-container *desyCustomInnerContent=\"{ component: headingComponent }\"></ng-container></h3>\n      <h4 *ngSwitchCase=\"4\" [class]=\"headingComponent?.classes || 'c-h2 mb-base'\"><ng-container *desyCustomInnerContent=\"{ component: headingComponent }\"></ng-container></h4>\n      <h5 *ngSwitchCase=\"5\" [class]=\"headingComponent?.classes || 'c-h2 mb-base'\"><ng-container *desyCustomInnerContent=\"{ component: headingComponent }\"></ng-container></h5>\n      <h2 *ngSwitchDefault  [class]=\"headingComponent?.classes || 'c-h2 mb-base'\"><ng-container *desyCustomInnerContent=\"{ component: headingComponent }\"></ng-container></h2>\n    </ng-container>\n\n    <button [attr.id]=\"id\" *ngIf=\"showControl\" (click)=\"changeAll()\"\n            type=\"button\" 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 text-right\">\n      {{showAll ? 'Mostrar' : 'Ocultar'}} todo\n    </button>\n  </div>\n  <div class=\"Accordion pl-lg\">\n      <ng-template #itemHeaderContent let-item=\"item\" let-id=\"id\" let-index=\"index\">\n        <button #itemSelector [id]=\"id + '-title'\" (click)=\"toggleItem(item)\" type=\"button\"\n                type=\"button\" [class]=\"['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', item.disabled ? 'cursor-not-allowed' : ''] | makeHtmlList\"\n                [attr.aria-controls]=\"id\" [attr.aria-expanded]=\"item.open === true ? 'true' : 'false'\" [disabled]=\"item.disabled\">\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\">\n              <span *ngIf=\"!item.open\" [class]=\"['Accordion-show', item.showButton?.classes] | makeHtmlList\">\n                <ng-container *desyCustomInnerContent=\"{ component: item.showButton, text: 'Mostrar' }\"></ng-container>\n              </span>\n              <span *ngIf=\"allowToggle && item.open\" [class]=\"['Accordion-show', item.hideButton?.classes] | makeHtmlList\">\n                <ng-container *desyCustomInnerContent=\"{ component: item.hideButton, text: 'Ocultar' }\"></ng-container>\n              </span>\n            </span>\n        </button>\n      </ng-template>\n\n      <div *ngFor=\"let item of getItems(); index as i; first as isFirst; last as isLast\" \n           class=\"relative -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        <ng-container [ngSwitch]=\"headingLevel\">\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            <h3 *ngSwitchDefault><ng-container *ngTemplateOutlet=\"itemHeaderContent; context: {item: item, id: getItemId(item, i), index: i}\"></ng-container></h3>\n        </ng-container>\n        <p class=\"sr-only\" aria-hidden=\"true\">Haz click en el bot\u00F3n anterior para mostrar u ocultar</p>\n        <ng-container *ngIf=\"!isFirst\">\n          <ng-container [ngSwitch]=\"item.status\">\n            <div *ngSwitchCase=\"'current'\" class=\"absolute -top-px -left-5 h-6 border-2 border-primary-base\"></div>\n            <div *ngSwitchCase=\"'pending'\" class=\"absolute -top-px -left-5 h-6 border-2 border-neutral-light\"></div>\n            <div *ngSwitchCase=\"'muted'\" class=\"absolute -top-px -left-5 h-6 border-2 border-neutral-base\"></div>\n            <div *ngSwitchCase=\"'currentmuted'\" class=\"absolute -top-px -left-5 h-6 border-2 border-neutral-base\"></div>\n            <div *ngSwitchDefault class=\"absolute -top-px -left-5 h-6 border-2 border-primary-base\"></div>\n          </ng-container>\n        </ng-container>\n        <ng-container *ngIf=\"!isLast\">\n          <ng-container [ngSwitch]=\"item.status\">\n            <div *ngSwitchCase=\"'current'\" class=\"absolute top-6 bottom-0 -left-5 border-2 border-neutral-light\"></div>\n            <div *ngSwitchCase=\"'pending'\" class=\"absolute top-6 bottom-0 -left-5 border-2 border-neutral-light\"></div>\n            <div *ngSwitchCase=\"'muted'\" class=\"absolute top-6 bottom-0 -left-5 border-2 border-neutral-base\"></div>\n            <div *ngSwitchCase=\"'currentmuted'\" class=\"absolute top-6 bottom-0 -left-5 border-2 border-neutral-light\"></div>\n            <div *ngSwitchDefault class=\"absolute top-6 bottom-0 -left-5 border-2 border-primary-base\"></div>\n          </ng-container>\n        </ng-container>\n        <ng-container [ngSwitch]=\"item.status\">\n          <div *ngSwitchCase=\"'current'\" class=\"absolute top-5 -left-6 w-3 h-3 bg-white ring-2 ring-primary-base rounded-full\" role=\"img\"><p class=\"sr-only\">Estado: actual</p></div>\n          <div *ngSwitchCase=\"'pending'\" class=\"absolute top-5 -left-6 w-3 h-3 bg-white border-2 border-neutral-base rounded-full\" role=\"img\"><p class=\"sr-only\">Estado: pendiente</p></div>\n          <div *ngSwitchCase=\"'muted'\" class=\"absolute top-5 -left-6 w-3 h-3 bg-neutral-base border-2 border-neutral-base rounded-full\" role=\"img\"><p class=\"sr-only\">Estado: pasado</p></div>\n          <div *ngSwitchCase=\"'currentmuted'\" class=\"absolute top-5 -left-6 w-3 h-3 bg-neutral-base ring-2 ring-neutral-base rounded-full\" role=\"img\"><p class=\"sr-only\">Estado: actual</p></div>\n          <div *ngSwitchDefault class=\"absolute top-5 -left-6 w-3 h-3 bg-primary-base border-2 border-primary-base rounded-full\" role=\"img\"><p class=\"sr-only\">Estado: pasado</p></div>\n        </ng-container>\n\n        <div *ngIf=\"item.open\" [class]=\"['c-accordion__panel relative', item.classes] | makeHtmlList\"\n             [attr.id]=\"getItemId(item, i)\"\n             [desyAppAccessibility]=\"item\">\n          <ng-container *ngIf=\"!isLast\">\n            <ng-container [ngSwitch]=\"item.status\">\n              <div *ngSwitchCase=\"'current'\" class=\"absolute top-4 bottom-0 -left-6 -my-sm border-2 border-neutral-light\"></div>\n              <div *ngSwitchCase=\"'pending'\" class=\"absolute top-4 bottom-0 -left-6 -my-sm border-2 border-neutral-light\"></div>\n              <div *ngSwitchCase=\"'muted'\" class=\"absolute top-4 bottom-0 -left-6 -my-sm border-2 border-neutral-base\"></div>\n              <div *ngSwitchCase=\"'currentmuted'\" class=\"absolute top-4 bottom-0 -left-6 -my-sm border-2 border-neutral-light\"></div>\n              <div *ngSwitchDefault class=\"absolute top-4 bottom-0 -left-6 -my-sm border-2 border-primary-base\"></div>\n            </ng-container>\n          </ng-container>\n          <ng-container *desyCustomInnerContent=\"{ component: getItemContent(item), html: item.html, text: item.text }\"></ng-container>\n        </div>\n      </div>\n  </div>\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: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i2.CustomInnerContentDirective, selector: "[desyCustomInnerContent]", inputs: ["desyCustomInnerContent"] }, { kind: "directive", type: i3.AccessibilityDirective, selector: "[desyAppAccessibility]", inputs: ["desyAppAccessibility"] }, { kind: "pipe", type: i4.MakeHtmlListPipe, name: "makeHtmlList" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: AccordionHistoryComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AccordionHistoryComponent, decorators: [{
             type: Component,
             args: [{ selector: 'desy-accordion-history', template: "<div [desyAppAccessibility]=\"this\">\n  <div class=\"flex justify-between\">\n    <ng-container [ngSwitch]=\"headingLevel\">\n      <h1 *ngSwitchCase=\"1\" [class]=\"headingComponent?.classes || 'c-h2 mb-base'\"><ng-container *desyCustomInnerContent=\"{ component: headingComponent }\"></ng-container></h1>\n      <h2 *ngSwitchCase=\"2\" [class]=\"headingComponent?.classes || 'c-h2 mb-base'\"><ng-container *desyCustomInnerContent=\"{ component: headingComponent }\"></ng-container></h2>\n      <h3 *ngSwitchCase=\"3\" [class]=\"headingComponent?.classes || 'c-h2 mb-base'\"><ng-container *desyCustomInnerContent=\"{ component: headingComponent }\"></ng-container></h3>\n      <h4 *ngSwitchCase=\"4\" [class]=\"headingComponent?.classes || 'c-h2 mb-base'\"><ng-container *desyCustomInnerContent=\"{ component: headingComponent }\"></ng-container></h4>\n      <h5 *ngSwitchCase=\"5\" [class]=\"headingComponent?.classes || 'c-h2 mb-base'\"><ng-container *desyCustomInnerContent=\"{ component: headingComponent }\"></ng-container></h5>\n      <h2 *ngSwitchDefault  [class]=\"headingComponent?.classes || 'c-h2 mb-base'\"><ng-container *desyCustomInnerContent=\"{ component: headingComponent }\"></ng-container></h2>\n    </ng-container>\n\n    <button [attr.id]=\"id\" *ngIf=\"showControl\" (click)=\"changeAll()\"\n            type=\"button\" 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 text-right\">\n      {{showAll ? 'Mostrar' : 'Ocultar'}} todo\n    </button>\n  </div>\n  <div class=\"Accordion pl-lg\">\n      <ng-template #itemHeaderContent let-item=\"item\" let-id=\"id\" let-index=\"index\">\n        <button #itemSelector [id]=\"id + '-title'\" (click)=\"toggleItem(item)\" type=\"button\"\n                type=\"button\" [class]=\"['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', item.disabled ? 'cursor-not-allowed' : ''] | makeHtmlList\"\n                [attr.aria-controls]=\"id\" [attr.aria-expanded]=\"item.open === true ? 'true' : 'false'\" [disabled]=\"item.disabled\">\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\">\n              <span *ngIf=\"!item.open\" [class]=\"['Accordion-show', item.showButton?.classes] | makeHtmlList\">\n                <ng-container *desyCustomInnerContent=\"{ component: item.showButton, text: 'Mostrar' }\"></ng-container>\n              </span>\n              <span *ngIf=\"allowToggle && item.open\" [class]=\"['Accordion-show', item.hideButton?.classes] | makeHtmlList\">\n                <ng-container *desyCustomInnerContent=\"{ component: item.hideButton, text: 'Ocultar' }\"></ng-container>\n              </span>\n            </span>\n        </button>\n      </ng-template>\n\n      <div *ngFor=\"let item of getItems(); index as i; first as isFirst; last as isLast\" \n           class=\"relative -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        <ng-container [ngSwitch]=\"headingLevel\">\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            <h3 *ngSwitchDefault><ng-container *ngTemplateOutlet=\"itemHeaderContent; context: {item: item, id: getItemId(item, i), index: i}\"></ng-container></h3>\n        </ng-container>\n        <p class=\"sr-only\" aria-hidden=\"true\">Haz click en el bot\u00F3n anterior para mostrar u ocultar</p>\n        <ng-container *ngIf=\"!isFirst\">\n          <ng-container [ngSwitch]=\"item.status\">\n            <div *ngSwitchCase=\"'current'\" class=\"absolute -top-px -left-5 h-6 border-2 border-primary-base\"></div>\n            <div *ngSwitchCase=\"'pending'\" class=\"absolute -top-px -left-5 h-6 border-2 border-neutral-light\"></div>\n            <div *ngSwitchCase=\"'muted'\" class=\"absolute -top-px -left-5 h-6 border-2 border-neutral-base\"></div>\n            <div *ngSwitchCase=\"'currentmuted'\" class=\"absolute -top-px -left-5 h-6 border-2 border-neutral-base\"></div>\n            <div *ngSwitchDefault class=\"absolute -top-px -left-5 h-6 border-2 border-primary-base\"></div>\n          </ng-container>\n        </ng-container>\n        <ng-container *ngIf=\"!isLast\">\n          <ng-container [ngSwitch]=\"item.status\">\n            <div *ngSwitchCase=\"'current'\" class=\"absolute top-6 bottom-0 -left-5 border-2 border-neutral-light\"></div>\n            <div *ngSwitchCase=\"'pending'\" class=\"absolute top-6 bottom-0 -left-5 border-2 border-neutral-light\"></div>\n            <div *ngSwitchCase=\"'muted'\" class=\"absolute top-6 bottom-0 -left-5 border-2 border-neutral-base\"></div>\n            <div *ngSwitchCase=\"'currentmuted'\" class=\"absolute top-6 bottom-0 -left-5 border-2 border-neutral-light\"></div>\n            <div *ngSwitchDefault class=\"absolute top-6 bottom-0 -left-5 border-2 border-primary-base\"></div>\n          </ng-container>\n        </ng-container>\n        <ng-container [ngSwitch]=\"item.status\">\n          <div *ngSwitchCase=\"'current'\" class=\"absolute top-5 -left-6 w-3 h-3 bg-white ring-2 ring-primary-base rounded-full\" role=\"img\"><p class=\"sr-only\">Estado: actual</p></div>\n          <div *ngSwitchCase=\"'pending'\" class=\"absolute top-5 -left-6 w-3 h-3 bg-white border-2 border-neutral-base rounded-full\" role=\"img\"><p class=\"sr-only\">Estado: pendiente</p></div>\n          <div *ngSwitchCase=\"'muted'\" class=\"absolute top-5 -left-6 w-3 h-3 bg-neutral-base border-2 border-neutral-base rounded-full\" role=\"img\"><p class=\"sr-only\">Estado: pasado</p></div>\n          <div *ngSwitchCase=\"'currentmuted'\" class=\"absolute top-5 -left-6 w-3 h-3 bg-neutral-base ring-2 ring-neutral-base rounded-full\" role=\"img\"><p class=\"sr-only\">Estado: actual</p></div>\n          <div *ngSwitchDefault class=\"absolute top-5 -left-6 w-3 h-3 bg-primary-base border-2 border-primary-base rounded-full\" role=\"img\"><p class=\"sr-only\">Estado: pasado</p></div>\n        </ng-container>\n\n        <div *ngIf=\"item.open\" [class]=\"['c-accordion__panel relative', item.classes] | makeHtmlList\"\n             [attr.id]=\"getItemId(item, i)\"\n             [desyAppAccessibility]=\"item\">\n          <ng-container *ngIf=\"!isLast\">\n            <ng-container [ngSwitch]=\"item.status\">\n              <div *ngSwitchCase=\"'current'\" class=\"absolute top-4 bottom-0 -left-6 -my-sm border-2 border-neutral-light\"></div>\n              <div *ngSwitchCase=\"'pending'\" class=\"absolute top-4 bottom-0 -left-6 -my-sm border-2 border-neutral-light\"></div>\n              <div *ngSwitchCase=\"'muted'\" class=\"absolute top-4 bottom-0 -left-6 -my-sm border-2 border-neutral-base\"></div>\n              <div *ngSwitchCase=\"'currentmuted'\" class=\"absolute top-4 bottom-0 -left-6 -my-sm border-2 border-neutral-light\"></div>\n              <div *ngSwitchDefault class=\"absolute top-4 bottom-0 -left-6 -my-sm border-2 border-primary-base\"></div>\n            </ng-container>\n          </ng-container>\n          <ng-container *desyCustomInnerContent=\"{ component: getItemContent(item), html: item.html, text: item.text }\"></ng-container>\n        </div>\n      </div>\n  </div>\n</div>\n" }]
         }], propDecorators: { itemComponentList: [{

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

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

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

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

package/esm2022/lib/desy-views/components/alert/alert.component.mjs

@@ -54,10 +54,10 @@ export class AlertComponent extends AccessibilityComponent {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: AlertComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.11", type: AlertComponent, selector: "desy-alert", inputs: { id: "id", classes: "classes", caller: "caller", focusFirst: "focusFirst", active: "active" }, outputs: { activeChange: "activeChange" }, viewQueries: [{ propertyName: "alertWrapper", first: true, predicate: ["alertWrapper"], descendants: true }, { propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef }], usesInheritance: true, ngImport: i0, template: "<div #alertWrapper\n     [id]=\"id\" [class]=\"classes ? classes : null\"\n     [desyAppAccessibility]=\"this\">\n  <ng-container *ngIf=\"active\">\n    <ng-template #container></ng-template>\n    <ng-container *ngTemplateOutlet=\"caller; context:callerContext\"></ng-container>\n    <ng-content select=\"desy-notification\"></ng-content>\n  </ng-container>\n</div>\n\n", dependencies: [{ 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.AccessibilityDirective, selector: "[desyAppAccessibility]", inputs: ["desyAppAccessibility"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AlertComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AlertComponent, selector: "desy-alert", inputs: { id: "id", classes: "classes", caller: "caller", focusFirst: "focusFirst", active: "active" }, outputs: { activeChange: "activeChange" }, viewQueries: [{ propertyName: "alertWrapper", first: true, predicate: ["alertWrapper"], descendants: true }, { propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef }], usesInheritance: true, ngImport: i0, template: "<div #alertWrapper\n     [id]=\"id\" [class]=\"classes ? classes : null\"\n     [desyAppAccessibility]=\"this\">\n  <ng-container *ngIf=\"active\">\n    <ng-template #container></ng-template>\n    <ng-container *ngTemplateOutlet=\"caller; context:callerContext\"></ng-container>\n    <ng-content select=\"desy-notification\"></ng-content>\n  </ng-container>\n</div>\n\n", dependencies: [{ 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.AccessibilityDirective, selector: "[desyAppAccessibility]", inputs: ["desyAppAccessibility"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: AlertComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AlertComponent, decorators: [{
             type: Component,
             args: [{ selector: 'desy-alert', template: "<div #alertWrapper\n     [id]=\"id\" [class]=\"classes ? classes : null\"\n     [desyAppAccessibility]=\"this\">\n  <ng-container *ngIf=\"active\">\n    <ng-template #container></ng-template>\n    <ng-container *ngTemplateOutlet=\"caller; context:callerContext\"></ng-container>\n    <ng-content select=\"desy-notification\"></ng-content>\n  </ng-container>\n</div>\n\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ComponentFactoryResolver }], propDecorators: { alertWrapper: [{

package/esm2022/lib/desy-views/components/card/card-sectors/card-left.component.mjs

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

package/esm2022/lib/desy-views/components/card/card-sectors/card-right.component.mjs

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

package/esm2022/lib/desy-views/components/card/card-sectors/card-sub.component.mjs

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

package/esm2022/lib/desy-views/components/card/card-sectors/card-super.component.mjs

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

package/esm2022/lib/desy-views/components/card/card.component.mjs

@@ -22,10 +22,10 @@ export class CardComponent extends AccessibilityComponent {
         }
         return style;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.11", type: CardComponent, selector: "desy-card", inputs: { classes: "classes", containerClasses: "containerClasses" }, queries: [{ propertyName: "cardSuperComponent", first: true, predicate: CardSuperComponent, descendants: true }, { propertyName: "cardLeftComponent", first: true, predicate: CardLeftComponent, descendants: true }, { propertyName: "cardRightComponent", first: true, predicate: CardRightComponent, descendants: true }, { propertyName: "cardSubComponent", first: true, predicate: CardSubComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div [class]=\"classes ? classes : null\"\n  [desyAppAccessibility]=\"this\">\n  <div [class]=\"containerClasses\">\n    <!-- Super -->\n    <div *ngIf=\"cardSuperComponent\" \n     [class]=\"cardSuperComponent.classes ? cardSuperComponent.classes : 'h-32 bg-cover bg-center bg-no-repeat overflow-hidden'\"\n     [ngStyle]=\"getStyle(cardSuperComponent)\"\n     [desyAppAccessibility]=\"cardSuperComponent\">\n      <ng-container *desyCustomInnerContent=\"{ component: cardSuperComponent }\"></ng-container>\n    </div>\n\n    <div class=\"flex\">\n    <!-- Left -->\n        <div *ngIf=\"cardLeftComponent\" \n        [class]=\"cardLeftComponent.classes ? cardLeftComponent.classes : 'w-1/2 bg-cover bg-center bg-no-repeat overflow-hidden'\"\n        [ngStyle]=\"getStyle(cardLeftComponent)\"\n        [desyAppAccessibility]=\"cardLeftComponent\">\n         <ng-container *desyCustomInnerContent=\"{ component: cardLeftComponent }\"></ng-container>\n       </div>\n       \n       <!--Caller equivalent-->\n       <div [class.flex-1]=\"cardLeftComponent || cardRightComponent\">\n          <ng-content></ng-content>\n       </div>\n\n       <!-- Right -->\n       <div *ngIf=\"cardRightComponent\" \n       [class]=\"cardRightComponent.classes ? cardRightComponent.classes : 'w-1/2 bg-cover bg-center bg-no-repeat overflow-hidden'\"\n       [ngStyle]=\"getStyle(cardRightComponent)\"\n       [desyAppAccessibility]=\"cardRightComponent\">\n        <ng-container *desyCustomInnerContent=\"{ component: cardRightComponent }\"></ng-container>\n      </div>\n    </div>\n    <!-- Sub -->\n    <div *ngIf=\"cardSubComponent\" \n    [class]=\"cardSubComponent.classes ? cardSubComponent.classes : 'h-32 bg-cover bg-center bg-no-repeat overflow-hidden'\"\n    [ngStyle]=\"getStyle(cardSubComponent)\"\n    [desyAppAccessibility]=\"cardSubComponent\">\n     <ng-container *desyCustomInnerContent=\"{ component: cardSubComponent }\"></ng-container>\n   </div>\n  </div>\n</div>\n\n\n\n\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.CustomInnerContentDirective, selector: "[desyCustomInnerContent]", inputs: ["desyCustomInnerContent"] }, { kind: "directive", type: i3.AccessibilityDirective, selector: "[desyAppAccessibility]", inputs: ["desyAppAccessibility"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CardComponent, selector: "desy-card", inputs: { classes: "classes", containerClasses: "containerClasses" }, queries: [{ propertyName: "cardSuperComponent", first: true, predicate: CardSuperComponent, descendants: true }, { propertyName: "cardLeftComponent", first: true, predicate: CardLeftComponent, descendants: true }, { propertyName: "cardRightComponent", first: true, predicate: CardRightComponent, descendants: true }, { propertyName: "cardSubComponent", first: true, predicate: CardSubComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div [class]=\"classes ? classes : null\"\n  [desyAppAccessibility]=\"this\">\n  <div [class]=\"containerClasses\">\n    <!-- Super -->\n    <div *ngIf=\"cardSuperComponent\" \n     [class]=\"cardSuperComponent.classes ? cardSuperComponent.classes : 'h-32 bg-cover bg-center bg-no-repeat overflow-hidden'\"\n     [ngStyle]=\"getStyle(cardSuperComponent)\"\n     [desyAppAccessibility]=\"cardSuperComponent\">\n      <ng-container *desyCustomInnerContent=\"{ component: cardSuperComponent }\"></ng-container>\n    </div>\n\n    <div class=\"flex\">\n    <!-- Left -->\n        <div *ngIf=\"cardLeftComponent\" \n        [class]=\"cardLeftComponent.classes ? cardLeftComponent.classes : 'w-1/2 bg-cover bg-center bg-no-repeat overflow-hidden'\"\n        [ngStyle]=\"getStyle(cardLeftComponent)\"\n        [desyAppAccessibility]=\"cardLeftComponent\">\n         <ng-container *desyCustomInnerContent=\"{ component: cardLeftComponent }\"></ng-container>\n       </div>\n       \n       <!--Caller equivalent-->\n       <div [class.flex-1]=\"cardLeftComponent || cardRightComponent\">\n          <ng-content></ng-content>\n       </div>\n\n       <!-- Right -->\n       <div *ngIf=\"cardRightComponent\" \n       [class]=\"cardRightComponent.classes ? cardRightComponent.classes : 'w-1/2 bg-cover bg-center bg-no-repeat overflow-hidden'\"\n       [ngStyle]=\"getStyle(cardRightComponent)\"\n       [desyAppAccessibility]=\"cardRightComponent\">\n        <ng-container *desyCustomInnerContent=\"{ component: cardRightComponent }\"></ng-container>\n      </div>\n    </div>\n    <!-- Sub -->\n    <div *ngIf=\"cardSubComponent\" \n    [class]=\"cardSubComponent.classes ? cardSubComponent.classes : 'h-32 bg-cover bg-center bg-no-repeat overflow-hidden'\"\n    [ngStyle]=\"getStyle(cardSubComponent)\"\n    [desyAppAccessibility]=\"cardSubComponent\">\n     <ng-container *desyCustomInnerContent=\"{ component: cardSubComponent }\"></ng-container>\n   </div>\n  </div>\n</div>\n\n\n\n\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.CustomInnerContentDirective, selector: "[desyCustomInnerContent]", inputs: ["desyCustomInnerContent"] }, { kind: "directive", type: i3.AccessibilityDirective, selector: "[desyAppAccessibility]", inputs: ["desyAppAccessibility"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: CardComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CardComponent, decorators: [{
             type: Component,
             args: [{ selector: 'desy-card', template: "<div [class]=\"classes ? classes : null\"\n  [desyAppAccessibility]=\"this\">\n  <div [class]=\"containerClasses\">\n    <!-- Super -->\n    <div *ngIf=\"cardSuperComponent\" \n     [class]=\"cardSuperComponent.classes ? cardSuperComponent.classes : 'h-32 bg-cover bg-center bg-no-repeat overflow-hidden'\"\n     [ngStyle]=\"getStyle(cardSuperComponent)\"\n     [desyAppAccessibility]=\"cardSuperComponent\">\n      <ng-container *desyCustomInnerContent=\"{ component: cardSuperComponent }\"></ng-container>\n    </div>\n\n    <div class=\"flex\">\n    <!-- Left -->\n        <div *ngIf=\"cardLeftComponent\" \n        [class]=\"cardLeftComponent.classes ? cardLeftComponent.classes : 'w-1/2 bg-cover bg-center bg-no-repeat overflow-hidden'\"\n        [ngStyle]=\"getStyle(cardLeftComponent)\"\n        [desyAppAccessibility]=\"cardLeftComponent\">\n         <ng-container *desyCustomInnerContent=\"{ component: cardLeftComponent }\"></ng-container>\n       </div>\n       \n       <!--Caller equivalent-->\n       <div [class.flex-1]=\"cardLeftComponent || cardRightComponent\">\n          <ng-content></ng-content>\n       </div>\n\n       <!-- Right -->\n       <div *ngIf=\"cardRightComponent\" \n       [class]=\"cardRightComponent.classes ? cardRightComponent.classes : 'w-1/2 bg-cover bg-center bg-no-repeat overflow-hidden'\"\n       [ngStyle]=\"getStyle(cardRightComponent)\"\n       [desyAppAccessibility]=\"cardRightComponent\">\n        <ng-container *desyCustomInnerContent=\"{ component: cardRightComponent }\"></ng-container>\n      </div>\n    </div>\n    <!-- Sub -->\n    <div *ngIf=\"cardSubComponent\" \n    [class]=\"cardSubComponent.classes ? cardSubComponent.classes : 'h-32 bg-cover bg-center bg-no-repeat overflow-hidden'\"\n    [ngStyle]=\"getStyle(cardSubComponent)\"\n    [desyAppAccessibility]=\"cardSubComponent\">\n     <ng-container *desyCustomInnerContent=\"{ component: cardSubComponent }\"></ng-container>\n   </div>\n  </div>\n</div>\n\n\n\n\n" }]
         }], ctorParameters: () => [], propDecorators: { cardSuperComponent: [{

package/esm2022/lib/desy-views/components/collapsible/collapsible.component.mjs

@@ -31,14 +31,14 @@ export class CollapsibleComponent extends AccessibilityAndContentRequiredCompone
     ngOnChanges() {
         this.toggleOpen();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: CollapsibleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.11", type: CollapsibleComponent, selector: "desy-collapsible", inputs: { headerText: "headerText", headerHtml: "headerHtml", id: "id", open: "open", classes: "classes", buttonClasses: "buttonClasses", showClasses: "showClasses", hideClasses: "hideClasses", contentClasses: "contentClasses" }, queries: [{ propertyName: "contentComponent", predicate: ContentComponent }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [class]=\"(classes ? classes : '-my-px py-sm border-t border-b border-neutral-base')\"\n    [desyAppAccessibility]=\"this\">\n    <button *ngIf=\"headerText && !headerHtml\" (click)=\"isOpen()\" [attr.id]=\"id ? (id + '-title') : null\"\n        [ngClass]=\"buttonClasses ? buttonClasses : '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-expanded]=\"open\"\n        [attr.aria-controls]=\"id ? id : null\">{{ headerText }}\n        <span [ngClass]=\"open && hideClasses ? hideClasses : showClasses && !open ? showClasses: '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\">{{show}}</span>\n    </button>\n    <button *ngIf=\"headerHtml\" (click)=\"isOpen()\" [attr.id]=\"id ? (id + '-title') : null\"\n        [ngClass]=\"buttonClasses ? buttonClasses : '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-expanded]=\"open\"\n        [attr.aria-controls]=\"id ? id : null\"><ng-container *ngTemplateOutlet=\"tmpHtml\"></ng-container>\n        <span [ngClass]=\"open && hideClasses ? hideClasses : showClasses && !open ? showClasses: '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\">{{show}}</span>\n    </button>\n    <button *ngIf=\"!headerHtml && !headerText\" (click)=\"isOpen()\" [attr.id]=\"id ? (id + '-title') : null\"\n        [ngClass]=\"buttonClasses ? buttonClasses : '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-expanded]=\"open\"\n        [attr.aria-controls]=\"id ? id : null\">\n        <ng-content></ng-content>\n        <span [ngClass]=\"open && hideClasses ? hideClasses : showClasses && !open ? showClasses: '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\">{{show}}</span>\n    </button>\n    \n    <div *ngIf=\"open && !html && !text\" [attr.id]=\"(id ? id : null)\" [ngClass]=\"contentClasses ? contentClasses : 'py-sm'\">\n        <ng-container *desyCustomInnerContent=\"{ component: contentComponent }\"></ng-container>\n    </div>\n    <div *ngIf=\"open && html\" [attr.id]=\"(id ? id : null)\" [ngClass]=\"contentClasses ? contentClasses : 'py-sm'\">\n        <ng-container *ngTemplateOutlet=\"htmlTemplate\"></ng-container>\n    </div>\n    <div *ngIf=\"open && !html\" [attr.id]=\"(id ? id : null)\" [ngClass]=\"contentClasses ? contentClasses : 'py-sm'\">\n        <p [desyInnerContent]=\"text\"></p>\n    </div>\n</div>\n<ng-template #tmpHtml>\n    <div [outerHTML]=\"headerHtml | innerHtml\"></div>  \n </ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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.InnerContentDirective, selector: "[desyInnerContent]", inputs: ["desyInnerContent", "isHtml", "deleteContentIfEmpty"] }, { kind: "directive", type: i3.CustomInnerContentDirective, selector: "[desyCustomInnerContent]", inputs: ["desyCustomInnerContent"] }, { kind: "directive", type: i4.AccessibilityDirective, selector: "[desyAppAccessibility]", inputs: ["desyAppAccessibility"] }, { kind: "pipe", type: i5.InnerHtmlPipe, name: "innerHtml" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CollapsibleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CollapsibleComponent, selector: "desy-collapsible", inputs: { headerText: "headerText", headerHtml: "headerHtml", id: "id", open: "open", classes: "classes", buttonClasses: "buttonClasses", showClasses: "showClasses", hideClasses: "hideClasses", contentClasses: "contentClasses" }, queries: [{ propertyName: "contentComponent", predicate: ContentComponent }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [class]=\"(classes ? classes : '-my-px py-sm border-t border-b border-neutral-base')\"\n    [desyAppAccessibility]=\"this\">\n    <button *ngIf=\"headerText && !headerHtml\" (click)=\"isOpen()\" [attr.id]=\"id ? (id + '-title') : null\"\n        [ngClass]=\"buttonClasses ? buttonClasses : '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-expanded]=\"open\"\n        [attr.aria-controls]=\"id ? id : null\">{{ headerText }}\n        <span [ngClass]=\"open && hideClasses ? hideClasses : showClasses && !open ? showClasses: '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\">{{show}}</span>\n    </button>\n    <button *ngIf=\"headerHtml\" (click)=\"isOpen()\" [attr.id]=\"id ? (id + '-title') : null\"\n        [ngClass]=\"buttonClasses ? buttonClasses : '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-expanded]=\"open\"\n        [attr.aria-controls]=\"id ? id : null\"><ng-container *ngTemplateOutlet=\"tmpHtml\"></ng-container>\n        <span [ngClass]=\"open && hideClasses ? hideClasses : showClasses && !open ? showClasses: '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\">{{show}}</span>\n    </button>\n    <button *ngIf=\"!headerHtml && !headerText\" (click)=\"isOpen()\" [attr.id]=\"id ? (id + '-title') : null\"\n        [ngClass]=\"buttonClasses ? buttonClasses : '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-expanded]=\"open\"\n        [attr.aria-controls]=\"id ? id : null\">\n        <ng-content></ng-content>\n        <span [ngClass]=\"open && hideClasses ? hideClasses : showClasses && !open ? showClasses: '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\">{{show}}</span>\n    </button>\n    \n    <div *ngIf=\"open && !html && !text\" [attr.id]=\"(id ? id : null)\" [ngClass]=\"contentClasses ? contentClasses : 'py-sm'\">\n        <ng-container *desyCustomInnerContent=\"{ component: contentComponent }\"></ng-container>\n    </div>\n    <div *ngIf=\"open && html\" [attr.id]=\"(id ? id : null)\" [ngClass]=\"contentClasses ? contentClasses : 'py-sm'\">\n        <ng-container *ngTemplateOutlet=\"htmlTemplate\"></ng-container>\n    </div>\n    <div *ngIf=\"open && !html\" [attr.id]=\"(id ? id : null)\" [ngClass]=\"contentClasses ? contentClasses : 'py-sm'\">\n        <p [desyInnerContent]=\"text\"></p>\n    </div>\n</div>\n<ng-template #tmpHtml>\n    <div [outerHTML]=\"headerHtml | innerHtml\"></div>  \n </ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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.InnerContentDirective, selector: "[desyInnerContent]", inputs: ["desyInnerContent", "isHtml", "deleteContentIfEmpty"] }, { kind: "directive", type: i3.CustomInnerContentDirective, selector: "[desyCustomInnerContent]", inputs: ["desyCustomInnerContent"] }, { kind: "directive", type: i4.AccessibilityDirective, selector: "[desyAppAccessibility]", inputs: ["desyAppAccessibility"] }, { kind: "pipe", type: i5.InnerHtmlPipe, name: "innerHtml" }] }); }
 }
 __decorate([
     DesyContentChild(),
     __metadata("design:type", ContentComponent)
 ], CollapsibleComponent.prototype, "contentComponent", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: CollapsibleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CollapsibleComponent, decorators: [{
             type: Component,
             args: [{ selector: 'desy-collapsible', template: "<div [class]=\"(classes ? classes : '-my-px py-sm border-t border-b border-neutral-base')\"\n    [desyAppAccessibility]=\"this\">\n    <button *ngIf=\"headerText && !headerHtml\" (click)=\"isOpen()\" [attr.id]=\"id ? (id + '-title') : null\"\n        [ngClass]=\"buttonClasses ? buttonClasses : '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-expanded]=\"open\"\n        [attr.aria-controls]=\"id ? id : null\">{{ headerText }}\n        <span [ngClass]=\"open && hideClasses ? hideClasses : showClasses && !open ? showClasses: '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\">{{show}}</span>\n    </button>\n    <button *ngIf=\"headerHtml\" (click)=\"isOpen()\" [attr.id]=\"id ? (id + '-title') : null\"\n        [ngClass]=\"buttonClasses ? buttonClasses : '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-expanded]=\"open\"\n        [attr.aria-controls]=\"id ? id : null\"><ng-container *ngTemplateOutlet=\"tmpHtml\"></ng-container>\n        <span [ngClass]=\"open && hideClasses ? hideClasses : showClasses && !open ? showClasses: '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\">{{show}}</span>\n    </button>\n    <button *ngIf=\"!headerHtml && !headerText\" (click)=\"isOpen()\" [attr.id]=\"id ? (id + '-title') : null\"\n        [ngClass]=\"buttonClasses ? buttonClasses : '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-expanded]=\"open\"\n        [attr.aria-controls]=\"id ? id : null\">\n        <ng-content></ng-content>\n        <span [ngClass]=\"open && hideClasses ? hideClasses : showClasses && !open ? showClasses: '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\">{{show}}</span>\n    </button>\n    \n    <div *ngIf=\"open && !html && !text\" [attr.id]=\"(id ? id : null)\" [ngClass]=\"contentClasses ? contentClasses : 'py-sm'\">\n        <ng-container *desyCustomInnerContent=\"{ component: contentComponent }\"></ng-container>\n    </div>\n    <div *ngIf=\"open && html\" [attr.id]=\"(id ? id : null)\" [ngClass]=\"contentClasses ? contentClasses : 'py-sm'\">\n        <ng-container *ngTemplateOutlet=\"htmlTemplate\"></ng-container>\n    </div>\n    <div *ngIf=\"open && !html\" [attr.id]=\"(id ? id : null)\" [ngClass]=\"contentClasses ? contentClasses : 'py-sm'\">\n        <p [desyInnerContent]=\"text\"></p>\n    </div>\n</div>\n<ng-template #tmpHtml>\n    <div [outerHTML]=\"headerHtml | innerHtml\"></div>  \n </ng-template>\n" }]
         }], propDecorators: { headerText: [{

package/esm2022/lib/desy-views/components/description-list/definition/definition.component.mjs

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