desy-angular 14.0.0 → 14.0.1

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

@@ -178,10 +178,10 @@ export class TabsComponent extends AccessibilityComponent {
         const item = this.getItems();
         return item[tab].panel && item[tab].panel.text ? `<p>${StringUtils.escapeHtml(item[tab].panel.text)}</p>` : null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: TabsComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.11", type: TabsComponent, selector: "desy-tabs", inputs: { id: "id", idPrefix: "idPrefix", headingLevel: "headingLevel", titleModal: "titleModal", tablistAriaLabel: "tablistAriaLabel", items: "items", classes: "classes" }, host: { properties: { "class": "this.classes", "attr.id": "this.idData", "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: "itemComponents", predicate: TabItemComponent }], viewQueries: [{ propertyName: "tabSrOnly", first: true, predicate: ["tabSrOnly"], descendants: true }, { propertyName: "tabSelectors", predicate: ["tabSelector"], descendants: true }, { propertyName: "tabSelectorContentWrapper", predicate: ["tabSelectorContentWrapper"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [ngSwitch]=\"headingLevel\" class=\"c-tabs__panel-heading\">\n  <h1 *ngSwitchCase=\"1\">{{title ? title: 'Contenido'}}</h1>\n  <h2 *ngSwitchCase=\"2\">{{title ? title: 'Contenido'}}</h2>\n  <h3 *ngSwitchCase=\"3\">{{title ? title: 'Contenido'}}</h3>\n  <h4 *ngSwitchCase=\"4\">{{title ? title: 'Contenido'}}</h4>\n  <h5 *ngSwitchCase=\"5\">{{title ? title: 'Contenido'}}</h5>\n  <h2 *ngSwitchDefault>{{title ? title: 'Contenido'}}</h2>\n</div>\n\n<ng-container *ngIf=\"getItems()\">\n  <div class=\"c-tabs__tabs\" role=\"tablist\" [attr.aria-label]=tablistAriaLabel>\n      <ng-container *ngFor=\"let item of getItems(); index as i\">\n              <button #tabSelector\n                      (click)=\"selectTab(i)\"\n                      (keydown.home)=\"focusFirstTab($event)\"\n                      (keydown.end)=\"focusLastTab($event)\"\n                      (keydown.arrowleft)=\"focusPreviousTab(i)\"\n                      (keydown.arrowright)=\"focusNextTab(i)\"\n                      class=\"group c-tabs__link\"\n                      [ngClass]=\"{'opacity-50 pointer-events-none': isDisabled(item)}\"\n                      [class.c-tabs__link--is-active]=\"currentTab === i ? true : false\"\n                      [desyAppAccessibility]=\"item\"\n                      [attr.id]=\"getItemId(i)\"\n                      [attr.role]=\"(item.role ? item.role : 'tab')\"\n                      [attr.aria-selected]=\"currentTab === i ? 'true' : 'false'\"\n                      [attr.aria-controls]=\"'tab-' + getItemId(i)\"\n                      [attr.tabindex]=\"(currentTab !== i || item.disabled ? '-1' : null)\"\n                      [attr.disabled]=\"isDisabled(item)\"\n                      [attr.aria-disabled]=\"isDisabled(item) ? 'true' : (ariaDisabled ? ariaDisabled : null)\">\n                  <span #tabSelectorContentWrapper class=\"flex items-center pointer-events-none group-focus:bg-warning-base group-focus:shadow-outline-focus group-focus:outline-none\">\n                    <ng-container *desyCustomInnerContent=\"{ component: item.contentComponent, html: item.html, text: item.text}\"></ng-container>\n                  </span>\n              </button>\n      </ng-container>\n  </div>\n\n  <div [class]=\"['c-tabs__panel', currentPanel?.classes] | makeHtmlList\"\n        [desyAppAccessibility]=\"currentPanel\"\n        [attr.id]=\"'tab-' + getItemId(currentTab)\"\n        [attr.role]=\"(currentPanel?.role ? currentPanel?.role : 'tabpanel')\"\n        [attr.aria-labelledby]=\"getItemId(currentTab)\"\n        [attr.tabindex]=\"(currentPanel?.tabindex ? currentPanel?.tabindex : '0')\">\n    <div [ngSwitch]=\"headingLevel\" class=\"c-tabs__panel-heading\">\n      <h1 *ngSwitchCase=\"1\" #tabSrOnly class=\"inline-flex items-center mb-base lg:mb-0 font-semibold\"></h1>\n      <h2 *ngSwitchCase=\"2\" #tabSrOnly class=\"inline-flex items-center mb-base lg:mb-0 font-semibold\"></h2>\n      <h3 *ngSwitchCase=\"3\" #tabSrOnly class=\"inline-flex items-center mb-base lg:mb-0 font-semibold\"></h3>\n      <h4 *ngSwitchCase=\"4\" #tabSrOnly class=\"inline-flex items-center mb-base lg:mb-0 font-semibold\"></h4>\n      <h5 *ngSwitchCase=\"5\" #tabSrOnly class=\"inline-flex items-center mb-base lg:mb-0 font-semibold\"></h5>\n      <h3 *ngSwitchDefault #tabSrOnly class=\"inline-flex items-center mb-base lg:mb-0 font-semibold\"></h3>\n    </div>\n    <ng-container *desyCustomInnerContent=\"{ component: getItemPanel(currentTab), template: currentPanel?.html, html: getPanelContent(currentTab) }\"></ng-container>\n  </div>\n</ng-container>", 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.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: TabsComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TabsComponent, selector: "desy-tabs", inputs: { id: "id", idPrefix: "idPrefix", headingLevel: "headingLevel", titleModal: "titleModal", tablistAriaLabel: "tablistAriaLabel", items: "items", classes: "classes" }, host: { properties: { "class": "this.classes", "attr.id": "this.idData", "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: "itemComponents", predicate: TabItemComponent }], viewQueries: [{ propertyName: "tabSrOnly", first: true, predicate: ["tabSrOnly"], descendants: true }, { propertyName: "tabSelectors", predicate: ["tabSelector"], descendants: true }, { propertyName: "tabSelectorContentWrapper", predicate: ["tabSelectorContentWrapper"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [ngSwitch]=\"headingLevel\" class=\"c-tabs__panel-heading\">\n  <h1 *ngSwitchCase=\"1\">{{title ? title: 'Contenido'}}</h1>\n  <h2 *ngSwitchCase=\"2\">{{title ? title: 'Contenido'}}</h2>\n  <h3 *ngSwitchCase=\"3\">{{title ? title: 'Contenido'}}</h3>\n  <h4 *ngSwitchCase=\"4\">{{title ? title: 'Contenido'}}</h4>\n  <h5 *ngSwitchCase=\"5\">{{title ? title: 'Contenido'}}</h5>\n  <h2 *ngSwitchDefault>{{title ? title: 'Contenido'}}</h2>\n</div>\n\n<ng-container *ngIf=\"getItems()\">\n  <div class=\"c-tabs__tabs\" role=\"tablist\" [attr.aria-label]=tablistAriaLabel>\n      <ng-container *ngFor=\"let item of getItems(); index as i\">\n              <button #tabSelector\n                      (click)=\"selectTab(i)\"\n                      (keydown.home)=\"focusFirstTab($event)\"\n                      (keydown.end)=\"focusLastTab($event)\"\n                      (keydown.arrowleft)=\"focusPreviousTab(i)\"\n                      (keydown.arrowright)=\"focusNextTab(i)\"\n                      class=\"group c-tabs__link\"\n                      [ngClass]=\"{'opacity-50 pointer-events-none': isDisabled(item)}\"\n                      [class.c-tabs__link--is-active]=\"currentTab === i ? true : false\"\n                      [desyAppAccessibility]=\"item\"\n                      [attr.id]=\"getItemId(i)\"\n                      [attr.role]=\"(item.role ? item.role : 'tab')\"\n                      [attr.aria-selected]=\"currentTab === i ? 'true' : 'false'\"\n                      [attr.aria-controls]=\"'tab-' + getItemId(i)\"\n                      [attr.tabindex]=\"(currentTab !== i || item.disabled ? '-1' : null)\"\n                      [attr.disabled]=\"isDisabled(item)\"\n                      [attr.aria-disabled]=\"isDisabled(item) ? 'true' : (ariaDisabled ? ariaDisabled : null)\">\n                  <span #tabSelectorContentWrapper class=\"flex items-center pointer-events-none group-focus:bg-warning-base group-focus:shadow-outline-focus group-focus:outline-none\">\n                    <ng-container *desyCustomInnerContent=\"{ component: item.contentComponent, html: item.html, text: item.text}\"></ng-container>\n                  </span>\n              </button>\n      </ng-container>\n  </div>\n\n  <div [class]=\"['c-tabs__panel', currentPanel?.classes] | makeHtmlList\"\n        [desyAppAccessibility]=\"currentPanel\"\n        [attr.id]=\"'tab-' + getItemId(currentTab)\"\n        [attr.role]=\"(currentPanel?.role ? currentPanel?.role : 'tabpanel')\"\n        [attr.aria-labelledby]=\"getItemId(currentTab)\"\n        [attr.tabindex]=\"(currentPanel?.tabindex ? currentPanel?.tabindex : '0')\">\n    <div [ngSwitch]=\"headingLevel\" class=\"c-tabs__panel-heading\">\n      <h1 *ngSwitchCase=\"1\" #tabSrOnly class=\"inline-flex items-center mb-base lg:mb-0 font-semibold\"></h1>\n      <h2 *ngSwitchCase=\"2\" #tabSrOnly class=\"inline-flex items-center mb-base lg:mb-0 font-semibold\"></h2>\n      <h3 *ngSwitchCase=\"3\" #tabSrOnly class=\"inline-flex items-center mb-base lg:mb-0 font-semibold\"></h3>\n      <h4 *ngSwitchCase=\"4\" #tabSrOnly class=\"inline-flex items-center mb-base lg:mb-0 font-semibold\"></h4>\n      <h5 *ngSwitchCase=\"5\" #tabSrOnly class=\"inline-flex items-center mb-base lg:mb-0 font-semibold\"></h5>\n      <h3 *ngSwitchDefault #tabSrOnly class=\"inline-flex items-center mb-base lg:mb-0 font-semibold\"></h3>\n    </div>\n    <ng-container *desyCustomInnerContent=\"{ component: getItemPanel(currentTab), template: currentPanel?.html, html: getPanelContent(currentTab) }\"></ng-container>\n  </div>\n</ng-container>", 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.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: TabsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TabsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'desy-tabs', template: "<div [ngSwitch]=\"headingLevel\" class=\"c-tabs__panel-heading\">\n  <h1 *ngSwitchCase=\"1\">{{title ? title: 'Contenido'}}</h1>\n  <h2 *ngSwitchCase=\"2\">{{title ? title: 'Contenido'}}</h2>\n  <h3 *ngSwitchCase=\"3\">{{title ? title: 'Contenido'}}</h3>\n  <h4 *ngSwitchCase=\"4\">{{title ? title: 'Contenido'}}</h4>\n  <h5 *ngSwitchCase=\"5\">{{title ? title: 'Contenido'}}</h5>\n  <h2 *ngSwitchDefault>{{title ? title: 'Contenido'}}</h2>\n</div>\n\n<ng-container *ngIf=\"getItems()\">\n  <div class=\"c-tabs__tabs\" role=\"tablist\" [attr.aria-label]=tablistAriaLabel>\n      <ng-container *ngFor=\"let item of getItems(); index as i\">\n              <button #tabSelector\n                      (click)=\"selectTab(i)\"\n                      (keydown.home)=\"focusFirstTab($event)\"\n                      (keydown.end)=\"focusLastTab($event)\"\n                      (keydown.arrowleft)=\"focusPreviousTab(i)\"\n                      (keydown.arrowright)=\"focusNextTab(i)\"\n                      class=\"group c-tabs__link\"\n                      [ngClass]=\"{'opacity-50 pointer-events-none': isDisabled(item)}\"\n                      [class.c-tabs__link--is-active]=\"currentTab === i ? true : false\"\n                      [desyAppAccessibility]=\"item\"\n                      [attr.id]=\"getItemId(i)\"\n                      [attr.role]=\"(item.role ? item.role : 'tab')\"\n                      [attr.aria-selected]=\"currentTab === i ? 'true' : 'false'\"\n                      [attr.aria-controls]=\"'tab-' + getItemId(i)\"\n                      [attr.tabindex]=\"(currentTab !== i || item.disabled ? '-1' : null)\"\n                      [attr.disabled]=\"isDisabled(item)\"\n                      [attr.aria-disabled]=\"isDisabled(item) ? 'true' : (ariaDisabled ? ariaDisabled : null)\">\n                  <span #tabSelectorContentWrapper class=\"flex items-center pointer-events-none group-focus:bg-warning-base group-focus:shadow-outline-focus group-focus:outline-none\">\n                    <ng-container *desyCustomInnerContent=\"{ component: item.contentComponent, html: item.html, text: item.text}\"></ng-container>\n                  </span>\n              </button>\n      </ng-container>\n  </div>\n\n  <div [class]=\"['c-tabs__panel', currentPanel?.classes] | makeHtmlList\"\n        [desyAppAccessibility]=\"currentPanel\"\n        [attr.id]=\"'tab-' + getItemId(currentTab)\"\n        [attr.role]=\"(currentPanel?.role ? currentPanel?.role : 'tabpanel')\"\n        [attr.aria-labelledby]=\"getItemId(currentTab)\"\n        [attr.tabindex]=\"(currentPanel?.tabindex ? currentPanel?.tabindex : '0')\">\n    <div [ngSwitch]=\"headingLevel\" class=\"c-tabs__panel-heading\">\n      <h1 *ngSwitchCase=\"1\" #tabSrOnly class=\"inline-flex items-center mb-base lg:mb-0 font-semibold\"></h1>\n      <h2 *ngSwitchCase=\"2\" #tabSrOnly class=\"inline-flex items-center mb-base lg:mb-0 font-semibold\"></h2>\n      <h3 *ngSwitchCase=\"3\" #tabSrOnly class=\"inline-flex items-center mb-base lg:mb-0 font-semibold\"></h3>\n      <h4 *ngSwitchCase=\"4\" #tabSrOnly class=\"inline-flex items-center mb-base lg:mb-0 font-semibold\"></h4>\n      <h5 *ngSwitchCase=\"5\" #tabSrOnly class=\"inline-flex items-center mb-base lg:mb-0 font-semibold\"></h5>\n      <h3 *ngSwitchDefault #tabSrOnly class=\"inline-flex items-center mb-base lg:mb-0 font-semibold\"></h3>\n    </div>\n    <ng-container *desyCustomInnerContent=\"{ component: getItemPanel(currentTab), template: currentPanel?.html, html: getPanelContent(currentTab) }\"></ng-container>\n  </div>\n</ng-container>" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { itemComponents: [{

package/esm2022/lib/desy-views/components/tooltip/tooltip-content/tooltip-content.component.mjs

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

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

@@ -163,8 +163,8 @@ export class TooltipComponent extends AccessibilityComponent {
         }
         return iconContent;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: TooltipComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.11", type: TooltipComponent, selector: "desy-tooltip", inputs: { id: "id", text: "text", html: "html", complex: "complex", classesTooltip: "classesTooltip", icon: "icon", caller: "caller", classes: "classes" }, host: { properties: { "class": "this.classes", "attr.id": "this.idData", "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: "contentComponent", predicate: ContentComponent }, { propertyName: "iconComponent", predicate: IconComponent }, { propertyName: "tooltipContentComponent", predicate: TooltipContentComponent }], viewQueries: [{ propertyName: "tooltipContent", first: true, predicate: ["tooltipContent"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"tippyProperties\" [attr.id]=\"getIdButton()\"\n      ngxTippy [tippyProps]=\"tippyProperties\"\n      class=\"inline-flex items-center focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black\"\n      tabindex=\"0\" role=\"button\"\n      [attr.aria-labelledby]=\"getIdButton() + ' ' + getIdTooltip()\">\n  <ng-container *desyCustomInnerContent=\"{ component: contentComponent, html: getMainContent() }\"></ng-container>\n  <span *ngIf=\"(iconComponent) || (icon)\" class=\"inline-block w-1.5\"></span>\n  <span *ngIf=\"iconComponent\" class=\"inline-block\">\n    <ng-container *desyCustomInnerContent=\"{ component: iconComponent }\"></ng-container>\n      <ng-container [ngSwitch]=\"iconComponent.type\">\n        <svg *ngSwitchCase=\"'info'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" width=\"1em\" height=\"1em\" class=\"w-4 h-4 text-primary-base\" role=\"img\" aria-label=\"Informaci\u00F3n\"><path d=\"M70 0a70 70 0 1070 70A70.08 70.08 0 0070 0zm7.5 105a7.5 7.5 0 01-15 0V70a7.5 7.5 0 0115 0zM70 50a10 10 0 1110-10 10 10 0 01-10 10z\" fill=\"currentColor\"/></svg>\n        <svg *ngSwitchCase=\"'alert'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" width=\"1em\" height=\"1em\" class=\"w-4 h-4 text-alert-base\" role=\"img\" aria-label=\"Alerta\"><path d=\"M138.42 118.29l-55-110a15 15 0 00-26.84 0l-55 110A15 15 0 0015 140h110a15 15 0 0013.42-21.71zM62.5 50a7.5 7.5 0 0115 0v30a7.5 7.5 0 01-15 0zm7.5 70a10 10 0 1110-10 10 10 0 01-10 10z\" fill=\"currentColor\"/></svg>\n        <svg *ngSwitchDefault xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" width=\"1em\" height=\"1em\" class=\"w-4 h-4 text-primary-base\" role=\"img\" aria-label=\"Ayuda\"><path d=\"M70 0a70 70 0 1070 70A70.08 70.08 0 0070 0zm0 117.51a10 10 0 1110-10 10 10 0 01-10 10zm9.17-39.08a2.5 2.5 0 00-1.67 2.36v1.71a7.5 7.5 0 01-15 0v-10A7.5 7.5 0 0170 65a12.5 12.5 0 10-12.5-12.5 7.5 7.5 0 01-15 0 27.5 27.5 0 1136.67 25.93z\" fill=\"currentColor\"/></svg>\n      </ng-container>\n  </span>\n  <span *ngIf=\"!iconComponent && icon\" class=\"inline-block\">\n    <ng-container *desyCustomInnerContent=\"{ html: getIconContent(icon) }\"></ng-container>\n  </span>\n</div>\n\n<div #tooltipContent [attr.id]=\"getIdTooltip()\"\n      [class]=\"['-my-xs p-sm shadow-md bg-black rounded text-white text-sm', classesTooltip] | makeHtmlList\">\n  <ng-container *desyCustomInnerContent=\"{ component: tooltipContentComponent, template: caller }\"></ng-container>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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.NgxTippyDirective, selector: "[ngxTippy]", inputs: ["ngxTippy", "tippyProps", "tippyName", "tippyClassName", "tippyContext"] }, { kind: "pipe", type: i4.MakeHtmlListPipe, name: "makeHtmlList" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TooltipComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TooltipComponent, selector: "desy-tooltip", inputs: { id: "id", text: "text", html: "html", complex: "complex", classesTooltip: "classesTooltip", icon: "icon", caller: "caller", classes: "classes" }, host: { properties: { "class": "this.classes", "attr.id": "this.idData", "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: "contentComponent", predicate: ContentComponent }, { propertyName: "iconComponent", predicate: IconComponent }, { propertyName: "tooltipContentComponent", predicate: TooltipContentComponent }], viewQueries: [{ propertyName: "tooltipContent", first: true, predicate: ["tooltipContent"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"tippyProperties\" [attr.id]=\"getIdButton()\"\n      ngxTippy [tippyProps]=\"tippyProperties\"\n      class=\"inline-flex items-center focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black\"\n      tabindex=\"0\" role=\"button\"\n      [attr.aria-labelledby]=\"getIdButton() + ' ' + getIdTooltip()\">\n  <ng-container *desyCustomInnerContent=\"{ component: contentComponent, html: getMainContent() }\"></ng-container>\n  <span *ngIf=\"(iconComponent) || (icon)\" class=\"inline-block w-1.5\"></span>\n  <span *ngIf=\"iconComponent\" class=\"inline-block\">\n    <ng-container *desyCustomInnerContent=\"{ component: iconComponent }\"></ng-container>\n      <ng-container [ngSwitch]=\"iconComponent.type\">\n        <svg *ngSwitchCase=\"'info'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" width=\"1em\" height=\"1em\" class=\"w-4 h-4 text-primary-base\" role=\"img\" aria-label=\"Informaci\u00F3n\"><path d=\"M70 0a70 70 0 1070 70A70.08 70.08 0 0070 0zm7.5 105a7.5 7.5 0 01-15 0V70a7.5 7.5 0 0115 0zM70 50a10 10 0 1110-10 10 10 0 01-10 10z\" fill=\"currentColor\"/></svg>\n        <svg *ngSwitchCase=\"'alert'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" width=\"1em\" height=\"1em\" class=\"w-4 h-4 text-alert-base\" role=\"img\" aria-label=\"Alerta\"><path d=\"M138.42 118.29l-55-110a15 15 0 00-26.84 0l-55 110A15 15 0 0015 140h110a15 15 0 0013.42-21.71zM62.5 50a7.5 7.5 0 0115 0v30a7.5 7.5 0 01-15 0zm7.5 70a10 10 0 1110-10 10 10 0 01-10 10z\" fill=\"currentColor\"/></svg>\n        <svg *ngSwitchDefault xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" width=\"1em\" height=\"1em\" class=\"w-4 h-4 text-primary-base\" role=\"img\" aria-label=\"Ayuda\"><path d=\"M70 0a70 70 0 1070 70A70.08 70.08 0 0070 0zm0 117.51a10 10 0 1110-10 10 10 0 01-10 10zm9.17-39.08a2.5 2.5 0 00-1.67 2.36v1.71a7.5 7.5 0 01-15 0v-10A7.5 7.5 0 0170 65a12.5 12.5 0 10-12.5-12.5 7.5 7.5 0 01-15 0 27.5 27.5 0 1136.67 25.93z\" fill=\"currentColor\"/></svg>\n      </ng-container>\n  </span>\n  <span *ngIf=\"!iconComponent && icon\" class=\"inline-block\">\n    <ng-container *desyCustomInnerContent=\"{ html: getIconContent(icon) }\"></ng-container>\n  </span>\n</div>\n\n<div #tooltipContent [attr.id]=\"getIdTooltip()\"\n      [class]=\"['-my-xs p-sm shadow-md bg-black rounded text-white text-sm', classesTooltip] | makeHtmlList\">\n  <ng-container *desyCustomInnerContent=\"{ component: tooltipContentComponent, template: caller }\"></ng-container>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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.NgxTippyDirective, selector: "[ngxTippy]", inputs: ["ngxTippy", "tippyProps", "tippyName", "tippyClassName", "tippyContext"] }, { kind: "pipe", type: i4.MakeHtmlListPipe, name: "makeHtmlList" }] }); }
 }
 __decorate([
     DesyContentChild(),
@@ -178,7 +178,7 @@ __decorate([
     DesyContentChild(),
     __metadata("design:type", TooltipContentComponent)
 ], TooltipComponent.prototype, "tooltipContentComponent", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: TooltipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TooltipComponent, decorators: [{
             type: Component,
             args: [{ selector: 'desy-tooltip', template: "<div *ngIf=\"tippyProperties\" [attr.id]=\"getIdButton()\"\n      ngxTippy [tippyProps]=\"tippyProperties\"\n      class=\"inline-flex items-center focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black\"\n      tabindex=\"0\" role=\"button\"\n      [attr.aria-labelledby]=\"getIdButton() + ' ' + getIdTooltip()\">\n  <ng-container *desyCustomInnerContent=\"{ component: contentComponent, html: getMainContent() }\"></ng-container>\n  <span *ngIf=\"(iconComponent) || (icon)\" class=\"inline-block w-1.5\"></span>\n  <span *ngIf=\"iconComponent\" class=\"inline-block\">\n    <ng-container *desyCustomInnerContent=\"{ component: iconComponent }\"></ng-container>\n      <ng-container [ngSwitch]=\"iconComponent.type\">\n        <svg *ngSwitchCase=\"'info'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" width=\"1em\" height=\"1em\" class=\"w-4 h-4 text-primary-base\" role=\"img\" aria-label=\"Informaci\u00F3n\"><path d=\"M70 0a70 70 0 1070 70A70.08 70.08 0 0070 0zm7.5 105a7.5 7.5 0 01-15 0V70a7.5 7.5 0 0115 0zM70 50a10 10 0 1110-10 10 10 0 01-10 10z\" fill=\"currentColor\"/></svg>\n        <svg *ngSwitchCase=\"'alert'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" width=\"1em\" height=\"1em\" class=\"w-4 h-4 text-alert-base\" role=\"img\" aria-label=\"Alerta\"><path d=\"M138.42 118.29l-55-110a15 15 0 00-26.84 0l-55 110A15 15 0 0015 140h110a15 15 0 0013.42-21.71zM62.5 50a7.5 7.5 0 0115 0v30a7.5 7.5 0 01-15 0zm7.5 70a10 10 0 1110-10 10 10 0 01-10 10z\" fill=\"currentColor\"/></svg>\n        <svg *ngSwitchDefault xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" width=\"1em\" height=\"1em\" class=\"w-4 h-4 text-primary-base\" role=\"img\" aria-label=\"Ayuda\"><path d=\"M70 0a70 70 0 1070 70A70.08 70.08 0 0070 0zm0 117.51a10 10 0 1110-10 10 10 0 01-10 10zm9.17-39.08a2.5 2.5 0 00-1.67 2.36v1.71a7.5 7.5 0 01-15 0v-10A7.5 7.5 0 0170 65a12.5 12.5 0 10-12.5-12.5 7.5 7.5 0 01-15 0 27.5 27.5 0 1136.67 25.93z\" fill=\"currentColor\"/></svg>\n      </ng-container>\n  </span>\n  <span *ngIf=\"!iconComponent && icon\" class=\"inline-block\">\n    <ng-container *desyCustomInnerContent=\"{ html: getIconContent(icon) }\"></ng-container>\n  </span>\n</div>\n\n<div #tooltipContent [attr.id]=\"getIdTooltip()\"\n      [class]=\"['-my-xs p-sm shadow-md bg-black rounded text-white text-sm', classesTooltip] | makeHtmlList\">\n  <ng-container *desyCustomInnerContent=\"{ component: tooltipContentComponent, template: caller }\"></ng-container>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { contentComponent: [{

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

@@ -38,8 +38,8 @@ import { TooltipContentComponent } from './components/tooltip/tooltip-content/to
 import { TooltipComponent } from './components/tooltip/tooltip.component';
 import * as i0 from "@angular/core";
 export class DesyViewsModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: DesyViewsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.11", ngImport: i0, type: DesyViewsModule, declarations: [AlertComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DesyViewsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DesyViewsModule, declarations: [AlertComponent,
             AccordionComponent,
             AccordionHeaderComponent,
             AccordionHistoryComponent,
@@ -106,13 +106,13 @@ export class DesyViewsModule {
             CardRightComponent,
             CardSuperComponent,
             CardSubComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: DesyViewsModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DesyViewsModule, imports: [CommonModule,
             SharedModule,
             DesyFormsModule,
             DesyCommonsModule,
             NgxTippyModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: DesyViewsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DesyViewsModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/esm2022/lib/desy-views/services/alert.service.mjs

@@ -76,10 +76,10 @@ export class AlertService {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: AlertService, deps: [{ token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: AlertService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AlertService, deps: [{ token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AlertService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: AlertService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AlertService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/esm2022/lib/shared/components/accessibility/accessibility.component.mjs

@@ -1,10 +1,10 @@
 import { Component, Input } from '@angular/core';
 import * as i0 from "@angular/core";
 export class AccessibilityComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: AccessibilityComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.11", type: AccessibilityComponent, selector: "desy-accessibility", inputs: { role: "role", ariaLabel: "ariaLabel", ariaDescribedBy: "ariaDescribedBy", ariaLabelledBy: "ariaLabelledBy", ariaHidden: "ariaHidden", ariaDisabled: "ariaDisabled", ariaControls: "ariaControls", ariaCurrent: "ariaCurrent", ariaLive: "ariaLive", ariaExpanded: "ariaExpanded", ariaErrorMessage: "ariaErrorMessage", ariaHasPopup: "ariaHasPopup", ariaModal: "ariaModal", ariaChecked: "ariaChecked", ariaPressed: "ariaPressed", ariaReadonly: "ariaReadonly", ariaRequired: "ariaRequired", ariaSelected: "ariaSelected", ariaValuemin: "ariaValuemin", ariaValuemax: "ariaValuemax", ariaValuenow: "ariaValuenow", ariaValuetext: "ariaValuetext", ariaOrientation: "ariaOrientation", ariaLevel: "ariaLevel", ariaMultiselectable: "ariaMultiselectable", ariaPlaceholder: "ariaPlaceholder", ariaPosinset: "ariaPosinset", ariaSetsize: "ariaSetsize", ariaSort: "ariaSort", ariaBusy: "ariaBusy", ariaDropeffect: "ariaDropeffect", ariaGrabbed: "ariaGrabbed", ariaActivedescendant: "ariaActivedescendant", ariaAtomic: "ariaAtomic", ariaAutocomplete: "ariaAutocomplete", ariaBraillelabel: "ariaBraillelabel", ariaBrailleroledescription: "ariaBrailleroledescription", ariaColcount: "ariaColcount", ariaColindex: "ariaColindex", ariaColindextext: "ariaColindextext", ariaColspan: "ariaColspan", ariaDescription: "ariaDescription", ariaDetails: "ariaDetails", ariaFlowto: "ariaFlowto", ariaInvalid: "ariaInvalid", ariaKeyshortcuts: "ariaKeyshortcuts", ariaOwns: "ariaOwns", ariaRelevant: "ariaRelevant", ariaRoledescription: "ariaRoledescription", ariaRowcount: "ariaRowcount", ariaRowindex: "ariaRowindex", ariaRowindextext: "ariaRowindextext", ariaRowspan: "ariaRowspan", tabindex: "tabindex", title: "title", alt: "alt", lang: "lang", accesskey: "accesskey", autocomplete: "autocomplete", autofocus: "autofocus", contenteditable: "contenteditable", dir: "dir", draggable: "draggable", enterkeyhint: "enterkeyhint", hidden: "hidden", inputmode: "inputmode", spellcheck: "spellcheck", translate: "translate", ariaMultiline: "ariaMultiline", for: "for", form: "form", headers: "headers", placeholder: "placeholder", readonly: "readonly", required: "required" }, ngImport: i0, template: '<div></div>', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AccessibilityComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AccessibilityComponent, selector: "desy-accessibility", inputs: { role: "role", ariaLabel: "ariaLabel", ariaDescribedBy: "ariaDescribedBy", ariaLabelledBy: "ariaLabelledBy", ariaHidden: "ariaHidden", ariaDisabled: "ariaDisabled", ariaControls: "ariaControls", ariaCurrent: "ariaCurrent", ariaLive: "ariaLive", ariaExpanded: "ariaExpanded", ariaErrorMessage: "ariaErrorMessage", ariaHasPopup: "ariaHasPopup", ariaModal: "ariaModal", ariaChecked: "ariaChecked", ariaPressed: "ariaPressed", ariaReadonly: "ariaReadonly", ariaRequired: "ariaRequired", ariaSelected: "ariaSelected", ariaValuemin: "ariaValuemin", ariaValuemax: "ariaValuemax", ariaValuenow: "ariaValuenow", ariaValuetext: "ariaValuetext", ariaOrientation: "ariaOrientation", ariaLevel: "ariaLevel", ariaMultiselectable: "ariaMultiselectable", ariaPlaceholder: "ariaPlaceholder", ariaPosinset: "ariaPosinset", ariaSetsize: "ariaSetsize", ariaSort: "ariaSort", ariaBusy: "ariaBusy", ariaDropeffect: "ariaDropeffect", ariaGrabbed: "ariaGrabbed", ariaActivedescendant: "ariaActivedescendant", ariaAtomic: "ariaAtomic", ariaAutocomplete: "ariaAutocomplete", ariaBraillelabel: "ariaBraillelabel", ariaBrailleroledescription: "ariaBrailleroledescription", ariaColcount: "ariaColcount", ariaColindex: "ariaColindex", ariaColindextext: "ariaColindextext", ariaColspan: "ariaColspan", ariaDescription: "ariaDescription", ariaDetails: "ariaDetails", ariaFlowto: "ariaFlowto", ariaInvalid: "ariaInvalid", ariaKeyshortcuts: "ariaKeyshortcuts", ariaOwns: "ariaOwns", ariaRelevant: "ariaRelevant", ariaRoledescription: "ariaRoledescription", ariaRowcount: "ariaRowcount", ariaRowindex: "ariaRowindex", ariaRowindextext: "ariaRowindextext", ariaRowspan: "ariaRowspan", tabindex: "tabindex", title: "title", alt: "alt", lang: "lang", accesskey: "accesskey", autocomplete: "autocomplete", autofocus: "autofocus", contenteditable: "contenteditable", dir: "dir", draggable: "draggable", enterkeyhint: "enterkeyhint", hidden: "hidden", inputmode: "inputmode", spellcheck: "spellcheck", translate: "translate", ariaMultiline: "ariaMultiline", for: "for", form: "form", headers: "headers", placeholder: "placeholder", readonly: "readonly", required: "required" }, ngImport: i0, template: '<div></div>', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: AccessibilityComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AccessibilityComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'desy-accessibility',

package/esm2022/lib/shared/components/accessibility-and-content-required/accessibility-and-content-required.component.mjs

@@ -1,10 +1,10 @@
 import { Component, Input } from '@angular/core';
 import * as i0 from "@angular/core";
 export class AccessibilityAndContentRequiredComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: AccessibilityAndContentRequiredComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.11", type: AccessibilityAndContentRequiredComponent, selector: "desy-accessibility-and-content-required", inputs: { html: "html", text: "text", role: "role", ariaLabel: "ariaLabel", ariaDescribedBy: "ariaDescribedBy", ariaLabelledBy: "ariaLabelledBy", ariaHidden: "ariaHidden", ariaDisabled: "ariaDisabled", ariaControls: "ariaControls", ariaCurrent: "ariaCurrent", ariaLive: "ariaLive", ariaExpanded: "ariaExpanded", ariaErrorMessage: "ariaErrorMessage", ariaHasPopup: "ariaHasPopup", ariaModal: "ariaModal", ariaChecked: "ariaChecked", ariaPressed: "ariaPressed", ariaReadonly: "ariaReadonly", ariaRequired: "ariaRequired", ariaSelected: "ariaSelected", ariaValuemin: "ariaValuemin", ariaValuemax: "ariaValuemax", ariaValuenow: "ariaValuenow", ariaValuetext: "ariaValuetext", ariaOrientation: "ariaOrientation", ariaLevel: "ariaLevel", ariaMultiselectable: "ariaMultiselectable", ariaPlaceholder: "ariaPlaceholder", ariaPosinset: "ariaPosinset", ariaSetsize: "ariaSetsize", ariaSort: "ariaSort", ariaBus: "ariaBus", required: "required", ariaDropeffect: "ariaDropeffect", ariaGrabbed: "ariaGrabbed", ariaActivedescendant: "ariaActivedescendant", ariaAtomic: "ariaAtomic", ariaAutocomplete: "ariaAutocomplete", ariaBraillelabel: "ariaBraillelabel", ariaBrailleroledescription: "ariaBrailleroledescription", ariaColcount: "ariaColcount", ariaColindex: "ariaColindex", ariaColindextext: "ariaColindextext", ariaColspan: "ariaColspan", ariaDescription: "ariaDescription", ariaDetails: "ariaDetails", ariaFlowto: "ariaFlowto", ariaInvalid: "ariaInvalid", ariaKeyshortcuts: "ariaKeyshortcuts", ariaOwns: "ariaOwns", ariaRelevant: "ariaRelevant", ariaRoledescription: "ariaRoledescription", ariaRowcount: "ariaRowcount", ariaRowindex: "ariaRowindex", ariaRowindextext: "ariaRowindextext", ariaRowspan: "ariaRowspan", tabindex: "tabindex", title: "title", alt: "alt", lang: "lang", accesskey: "accesskey", autocomplete: "autocomplete", autofocus: "autofocus", contenteditable: "contenteditable", dir: "dir", draggable: "draggable", enterkeyhint: "enterkeyhint", hidden: "hidden", inputmode: "inputmode", spellcheck: "spellcheck", translate: "translate", ariaMultiline: "ariaMultiline", for: "for", form: "form", headers: "headers", placeholder: "placeholder", readonly: "readonly" }, ngImport: i0, template: '<div></div>', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AccessibilityAndContentRequiredComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AccessibilityAndContentRequiredComponent, selector: "desy-accessibility-and-content-required", inputs: { html: "html", text: "text", role: "role", ariaLabel: "ariaLabel", ariaDescribedBy: "ariaDescribedBy", ariaLabelledBy: "ariaLabelledBy", ariaHidden: "ariaHidden", ariaDisabled: "ariaDisabled", ariaControls: "ariaControls", ariaCurrent: "ariaCurrent", ariaLive: "ariaLive", ariaExpanded: "ariaExpanded", ariaErrorMessage: "ariaErrorMessage", ariaHasPopup: "ariaHasPopup", ariaModal: "ariaModal", ariaChecked: "ariaChecked", ariaPressed: "ariaPressed", ariaReadonly: "ariaReadonly", ariaRequired: "ariaRequired", ariaSelected: "ariaSelected", ariaValuemin: "ariaValuemin", ariaValuemax: "ariaValuemax", ariaValuenow: "ariaValuenow", ariaValuetext: "ariaValuetext", ariaOrientation: "ariaOrientation", ariaLevel: "ariaLevel", ariaMultiselectable: "ariaMultiselectable", ariaPlaceholder: "ariaPlaceholder", ariaPosinset: "ariaPosinset", ariaSetsize: "ariaSetsize", ariaSort: "ariaSort", ariaBus: "ariaBus", required: "required", ariaDropeffect: "ariaDropeffect", ariaGrabbed: "ariaGrabbed", ariaActivedescendant: "ariaActivedescendant", ariaAtomic: "ariaAtomic", ariaAutocomplete: "ariaAutocomplete", ariaBraillelabel: "ariaBraillelabel", ariaBrailleroledescription: "ariaBrailleroledescription", ariaColcount: "ariaColcount", ariaColindex: "ariaColindex", ariaColindextext: "ariaColindextext", ariaColspan: "ariaColspan", ariaDescription: "ariaDescription", ariaDetails: "ariaDetails", ariaFlowto: "ariaFlowto", ariaInvalid: "ariaInvalid", ariaKeyshortcuts: "ariaKeyshortcuts", ariaOwns: "ariaOwns", ariaRelevant: "ariaRelevant", ariaRoledescription: "ariaRoledescription", ariaRowcount: "ariaRowcount", ariaRowindex: "ariaRowindex", ariaRowindextext: "ariaRowindextext", ariaRowspan: "ariaRowspan", tabindex: "tabindex", title: "title", alt: "alt", lang: "lang", accesskey: "accesskey", autocomplete: "autocomplete", autofocus: "autofocus", contenteditable: "contenteditable", dir: "dir", draggable: "draggable", enterkeyhint: "enterkeyhint", hidden: "hidden", inputmode: "inputmode", spellcheck: "spellcheck", translate: "translate", ariaMultiline: "ariaMultiline", for: "for", form: "form", headers: "headers", placeholder: "placeholder", readonly: "readonly" }, ngImport: i0, template: '<div></div>', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: AccessibilityAndContentRequiredComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AccessibilityAndContentRequiredComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'desy-accessibility-and-content-required',

package/esm2022/lib/shared/components/accessibility-and-text-or-html-required/accessibility-and-text-or-html-required.component.mjs

@@ -2,10 +2,10 @@ import { Component, Input } from '@angular/core';
 import { TextOrHtmlRequiredComponent } from '../text-or-html-required/text-or-html-required.component';
 import * as i0 from "@angular/core";
 export class AccessibilityAndTextOrHtmlRequiredComponent extends TextOrHtmlRequiredComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: AccessibilityAndTextOrHtmlRequiredComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.11", type: AccessibilityAndTextOrHtmlRequiredComponent, selector: "desy-accessibility-and-text-or-html-required", inputs: { role: "role", ariaLabel: "ariaLabel", ariaDescribedBy: "ariaDescribedBy", ariaLabelledBy: "ariaLabelledBy", ariaHidden: "ariaHidden", ariaDisabled: "ariaDisabled", ariaControls: "ariaControls", ariaCurrent: "ariaCurrent", ariaLive: "ariaLive", ariaExpanded: "ariaExpanded", ariaErrorMessage: "ariaErrorMessage", ariaHasPopup: "ariaHasPopup", ariaModal: "ariaModal", ariaChecked: "ariaChecked", ariaPressed: "ariaPressed", ariaReadonly: "ariaReadonly", ariaRequired: "ariaRequired", ariaSelected: "ariaSelected", ariaValuemin: "ariaValuemin", ariaValuemax: "ariaValuemax", ariaValuenow: "ariaValuenow", ariaValuetext: "ariaValuetext", ariaOrientation: "ariaOrientation", ariaLevel: "ariaLevel", ariaMultiselectable: "ariaMultiselectable", ariaPlaceholder: "ariaPlaceholder", ariaPosinset: "ariaPosinset", ariaSetsize: "ariaSetsize", ariaSort: "ariaSort", ariaBus: "ariaBus", required: "required", ariaDropeffect: "ariaDropeffect", ariaGrabbed: "ariaGrabbed", ariaActivedescendant: "ariaActivedescendant", ariaAtomic: "ariaAtomic", ariaAutocomplete: "ariaAutocomplete", ariaBraillelabel: "ariaBraillelabel", ariaBrailleroledescription: "ariaBrailleroledescription", ariaColcount: "ariaColcount", ariaColindex: "ariaColindex", ariaColindextext: "ariaColindextext", ariaColspan: "ariaColspan", ariaDescription: "ariaDescription", ariaDetails: "ariaDetails", ariaFlowto: "ariaFlowto", ariaInvalid: "ariaInvalid", ariaKeyshortcuts: "ariaKeyshortcuts", ariaOwns: "ariaOwns", ariaRelevant: "ariaRelevant", ariaRoledescription: "ariaRoledescription", ariaRowcount: "ariaRowcount", ariaRowindex: "ariaRowindex", ariaRowindextext: "ariaRowindextext", ariaRowspan: "ariaRowspan", tabindex: "tabindex", title: "title", alt: "alt", lang: "lang", accesskey: "accesskey", autocomplete: "autocomplete", autofocus: "autofocus", contenteditable: "contenteditable", dir: "dir", draggable: "draggable", enterkeyhint: "enterkeyhint", hidden: "hidden", inputmode: "inputmode", spellcheck: "spellcheck", translate: "translate", ariaMultiline: "ariaMultiline", for: "for", form: "form", headers: "headers", placeholder: "placeholder", readonly: "readonly" }, usesInheritance: true, ngImport: i0, template: '<div></div>', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AccessibilityAndTextOrHtmlRequiredComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AccessibilityAndTextOrHtmlRequiredComponent, selector: "desy-accessibility-and-text-or-html-required", inputs: { role: "role", ariaLabel: "ariaLabel", ariaDescribedBy: "ariaDescribedBy", ariaLabelledBy: "ariaLabelledBy", ariaHidden: "ariaHidden", ariaDisabled: "ariaDisabled", ariaControls: "ariaControls", ariaCurrent: "ariaCurrent", ariaLive: "ariaLive", ariaExpanded: "ariaExpanded", ariaErrorMessage: "ariaErrorMessage", ariaHasPopup: "ariaHasPopup", ariaModal: "ariaModal", ariaChecked: "ariaChecked", ariaPressed: "ariaPressed", ariaReadonly: "ariaReadonly", ariaRequired: "ariaRequired", ariaSelected: "ariaSelected", ariaValuemin: "ariaValuemin", ariaValuemax: "ariaValuemax", ariaValuenow: "ariaValuenow", ariaValuetext: "ariaValuetext", ariaOrientation: "ariaOrientation", ariaLevel: "ariaLevel", ariaMultiselectable: "ariaMultiselectable", ariaPlaceholder: "ariaPlaceholder", ariaPosinset: "ariaPosinset", ariaSetsize: "ariaSetsize", ariaSort: "ariaSort", ariaBus: "ariaBus", required: "required", ariaDropeffect: "ariaDropeffect", ariaGrabbed: "ariaGrabbed", ariaActivedescendant: "ariaActivedescendant", ariaAtomic: "ariaAtomic", ariaAutocomplete: "ariaAutocomplete", ariaBraillelabel: "ariaBraillelabel", ariaBrailleroledescription: "ariaBrailleroledescription", ariaColcount: "ariaColcount", ariaColindex: "ariaColindex", ariaColindextext: "ariaColindextext", ariaColspan: "ariaColspan", ariaDescription: "ariaDescription", ariaDetails: "ariaDetails", ariaFlowto: "ariaFlowto", ariaInvalid: "ariaInvalid", ariaKeyshortcuts: "ariaKeyshortcuts", ariaOwns: "ariaOwns", ariaRelevant: "ariaRelevant", ariaRoledescription: "ariaRoledescription", ariaRowcount: "ariaRowcount", ariaRowindex: "ariaRowindex", ariaRowindextext: "ariaRowindextext", ariaRowspan: "ariaRowspan", tabindex: "tabindex", title: "title", alt: "alt", lang: "lang", accesskey: "accesskey", autocomplete: "autocomplete", autofocus: "autofocus", contenteditable: "contenteditable", dir: "dir", draggable: "draggable", enterkeyhint: "enterkeyhint", hidden: "hidden", inputmode: "inputmode", spellcheck: "spellcheck", translate: "translate", ariaMultiline: "ariaMultiline", for: "for", form: "form", headers: "headers", placeholder: "placeholder", readonly: "readonly" }, usesInheritance: true, ngImport: i0, template: '<div></div>', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: AccessibilityAndTextOrHtmlRequiredComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AccessibilityAndTextOrHtmlRequiredComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'desy-accessibility-and-text-or-html-required',

package/esm2022/lib/shared/components/content-base/content-base.component.mjs

@@ -5,10 +5,10 @@ export class ContentBaseComponent extends AccessibilityComponent {
     getContent() {
         return this.content;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: ContentBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.11", type: ContentBaseComponent, selector: "desy-content-base", viewQueries: [{ propertyName: "content", first: true, predicate: ["contentTemplate"], descendants: true, static: true }], 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: ContentBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ContentBaseComponent, selector: "desy-content-base", viewQueries: [{ propertyName: "content", first: true, predicate: ["contentTemplate"], descendants: true, static: true }], 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: ContentBaseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ContentBaseComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'desy-content-base',

package/esm2022/lib/shared/components/spinner/spinner.component.mjs

@@ -85,10 +85,10 @@ export class SpinnerComponent extends AccessibilityComponent {
     ngOnChanges(changes) {
         this.classes = this.classes ? this.classes += ' c-spinner' : 'c-spinner';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: SpinnerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.11", type: SpinnerComponent, selector: "desy-spinner", inputs: { text: "text", classes: "classes", id: "id" }, 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" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<span *ngIf=\"text\" class=\"sr-only\" role=\"alert\" aria-live=\"assertive\">{{text}}</span>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpinnerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SpinnerComponent, selector: "desy-spinner", inputs: { text: "text", classes: "classes", id: "id" }, 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" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<span *ngIf=\"text\" class=\"sr-only\" role=\"alert\" aria-live=\"assertive\">{{text}}</span>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: SpinnerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpinnerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'desy-spinner', template: "<span *ngIf=\"text\" class=\"sr-only\" role=\"alert\" aria-live=\"assertive\">{{text}}</span>" }]
         }], propDecorators: { text: [{

package/esm2022/lib/shared/components/text-or-html-required/text-or-html-required.component.mjs

@@ -1,10 +1,10 @@
 import { Component, Input } from '@angular/core';
 import * as i0 from "@angular/core";
 export class TextOrHtmlRequiredComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: TextOrHtmlRequiredComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.11", type: TextOrHtmlRequiredComponent, selector: "desy-text-or-html-required", inputs: { text: "text", html: "html" }, ngImport: i0, template: '<div></div>', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TextOrHtmlRequiredComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TextOrHtmlRequiredComponent, selector: "desy-text-or-html-required", inputs: { text: "text", html: "html" }, ngImport: i0, template: '<div></div>', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: TextOrHtmlRequiredComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TextOrHtmlRequiredComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'desy-text-or-html-required',

package/esm2022/lib/shared/directives/accessibility-directive.mjs

@@ -37,10 +37,10 @@ export class AccessibilityDirective {
         }
         return str.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, '$1-$2').toLowerCase();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: AccessibilityDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.KeyValueDiffers }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.11", type: AccessibilityDirective, selector: "[desyAppAccessibility]", inputs: { accessibility: ["desyAppAccessibility", "accessibility"] }, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AccessibilityDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.KeyValueDiffers }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: AccessibilityDirective, selector: "[desyAppAccessibility]", inputs: { accessibility: ["desyAppAccessibility", "accessibility"] }, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: AccessibilityDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AccessibilityDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[desyAppAccessibility]'

package/esm2022/lib/shared/directives/attribute-change.directive.mjs

@@ -30,10 +30,10 @@ export class AttributeChangeDirective {
     ngOnDestroy() {
         this.changes.disconnect();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: AttributeChangeDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.11", type: AttributeChangeDirective, selector: "[desyAttributeChange]", inputs: { attributesToCheck: "attributesToCheck", desyAttributeChangeEnabled: "desyAttributeChangeEnabled" }, outputs: { desyAttributeChange: "desyAttributeChange", desyAttributeChangeMutation: "desyAttributeChangeMutation" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AttributeChangeDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: AttributeChangeDirective, selector: "[desyAttributeChange]", inputs: { attributesToCheck: "attributesToCheck", desyAttributeChangeEnabled: "desyAttributeChangeEnabled" }, outputs: { desyAttributeChange: "desyAttributeChange", desyAttributeChangeMutation: "desyAttributeChangeMutation" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: AttributeChangeDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AttributeChangeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[desyAttributeChange]'

package/esm2022/lib/shared/directives/click-outside.directive.mjs

@@ -18,10 +18,10 @@ export class ClickOutsideDirective {
             this.clickOutside.emit();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: ClickOutsideDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.11", type: ClickOutsideDirective, selector: "[desyClickOutside]", inputs: { active: ["desyClickOutside", "active"], desyClickOutsideElem: "desyClickOutsideElem" }, outputs: { clickOutside: "clickOutside" }, host: { listeners: { "document:click": "onClick($event.target)" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ClickOutsideDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ClickOutsideDirective, selector: "[desyClickOutside]", inputs: { active: ["desyClickOutside", "active"], desyClickOutsideElem: "desyClickOutsideElem" }, outputs: { clickOutside: "clickOutside" }, host: { listeners: { "document:click": "onClick($event.target)" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: ClickOutsideDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ClickOutsideDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[desyClickOutside]'

package/esm2022/lib/shared/directives/content-change.directive.mjs

@@ -23,10 +23,10 @@ export class ContentChangeDirective {
     ngOnDestroy() {
         this.changes.disconnect();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: ContentChangeDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.11", type: ContentChangeDirective, selector: "[desyContentChange]", inputs: { observeProperties: "observeProperties" }, outputs: { desyContentChange: "desyContentChange", desyContentChangeMutation: "desyContentChangeMutation" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ContentChangeDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ContentChangeDirective, selector: "[desyContentChange]", inputs: { observeProperties: "observeProperties" }, outputs: { desyContentChange: "desyContentChange", desyContentChangeMutation: "desyContentChangeMutation" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: ContentChangeDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ContentChangeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[desyContentChange]'

package/esm2022/lib/shared/directives/custom-inner-content.directive.mjs

@@ -47,10 +47,10 @@ export class CustomInnerContentDirective {
             this.desyCustomInnerContent.parentComponent.handleContentExtracted(textContent.trim());
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: CustomInnerContentDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.ComponentFactoryResolver }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.11", type: CustomInnerContentDirective, selector: "[desyCustomInnerContent]", inputs: { desyCustomInnerContent: "desyCustomInnerContent" }, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CustomInnerContentDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.ComponentFactoryResolver }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: CustomInnerContentDirective, selector: "[desyCustomInnerContent]", inputs: { desyCustomInnerContent: "desyCustomInnerContent" }, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: CustomInnerContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CustomInnerContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[desyCustomInnerContent]'

package/esm2022/lib/shared/directives/inner-content.directive.mjs

@@ -18,10 +18,10 @@ export class InnerContentDirective {
             this.el.nativeElement.innerText = null;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: InnerContentDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.11", type: InnerContentDirective, selector: "[desyInnerContent]", inputs: { content: ["desyInnerContent", "content"], isHtml: "isHtml", deleteContentIfEmpty: "deleteContentIfEmpty" }, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InnerContentDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: InnerContentDirective, selector: "[desyInnerContent]", inputs: { content: ["desyInnerContent", "content"], isHtml: "isHtml", deleteContentIfEmpty: "deleteContentIfEmpty" }, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: InnerContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InnerContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[desyInnerContent]'

package/esm2022/lib/shared/pipes/external-href.pipe.mjs

@@ -16,10 +16,10 @@ export class ExternalHrefPipe {
         }
         return externalHref;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: ExternalHrefPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.11", ngImport: i0, type: ExternalHrefPipe, name: "externalHref" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ExternalHrefPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ExternalHrefPipe, name: "externalHref" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: ExternalHrefPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ExternalHrefPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'externalHref'

package/esm2022/lib/shared/pipes/inner-html.pipe.mjs

@@ -9,10 +9,10 @@ export class InnerHtmlPipe {
     transform(value) {
         return this.sanitizer.sanitize(SecurityContext.HTML, value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: InnerHtmlPipe, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.11", ngImport: i0, type: InnerHtmlPipe, name: "innerHtml" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InnerHtmlPipe, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: InnerHtmlPipe, name: "innerHtml" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: InnerHtmlPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InnerHtmlPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'innerHtml'

package/esm2022/lib/shared/pipes/make-html-list.pipe.mjs

@@ -8,10 +8,10 @@ export class MakeHtmlListPipe {
         }
         return filteredList.length > 0 ? filteredList : null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: MakeHtmlListPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.11", ngImport: i0, type: MakeHtmlListPipe, name: "makeHtmlList" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MakeHtmlListPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: MakeHtmlListPipe, name: "makeHtmlList" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: MakeHtmlListPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MakeHtmlListPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'makeHtmlList'

package/esm2022/lib/shared/shared.module.mjs

@@ -13,8 +13,8 @@ import { CustomInnerContentDirective } from './directives/custom-inner-content.d
 import { InnerContentDirective } from './directives/inner-content.directive';
 import * as i0 from "@angular/core";
 export class SharedModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: SharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.11", ngImport: i0, type: SharedModule, declarations: [AccessibilityComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: SharedModule, declarations: [AccessibilityComponent,
             ContentBaseComponent,
             TextOrHtmlRequiredComponent,
             AccessibilityAndTextOrHtmlRequiredComponent,
@@ -42,9 +42,9 @@ export class SharedModule {
             ContentChangeDirective,
             CustomInnerContentDirective,
             AccessibilityDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: SharedModule, imports: [CommonModule, RouterModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SharedModule, imports: [CommonModule, RouterModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: SharedModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SharedModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/esm2022/lib/shared/sharedExternal.module.mjs

@@ -3,11 +3,11 @@ import { NgModule } from '@angular/core';
 import { SpinnerComponent } from './components';
 import * as i0 from "@angular/core";
 export class SharedExternalModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: SharedExternalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.11", ngImport: i0, type: SharedExternalModule, declarations: [SpinnerComponent], imports: [CommonModule], exports: [SpinnerComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: SharedExternalModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SharedExternalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: SharedExternalModule, declarations: [SpinnerComponent], imports: [CommonModule], exports: [SpinnerComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SharedExternalModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: SharedExternalModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SharedExternalModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [