desy-angular 14.0.0 → 14.1.0

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

@@ -10,8 +10,8 @@ import { DesyViewsModule } from './desy-views/desy-views.module';
 import { SharedExternalModule } from './shared/sharedExternal.module';
 import * as i0 from "@angular/core";
 export class DesyAngularModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: DesyAngularModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.11", ngImport: i0, type: DesyAngularModule, imports: [DesyButtonsModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DesyAngularModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DesyAngularModule, imports: [DesyButtonsModule,
             DesyCommonsModule,
             DesyFormsModule,
             DesyModalsModule,
@@ -28,7 +28,7 @@ export class DesyAngularModule {
             DesyViewsModule,
             DesyPaginationModule,
             SharedExternalModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: DesyAngularModule, imports: [DesyButtonsModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DesyAngularModule, imports: [DesyButtonsModule,
             DesyCommonsModule,
             DesyFormsModule,
             DesyModalsModule,
@@ -46,7 +46,7 @@ export class DesyAngularModule {
             DesyPaginationModule,
             SharedExternalModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: DesyAngularModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DesyAngularModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/lib/desy-buttons/components/button/button.component.mjs

@@ -73,10 +73,10 @@ export class ButtonComponent extends ContentBaseComponent {
     get staticElementTypeInput() {
         return ButtonComponent.ELEMENT_INPUT;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: ButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.11", type: ButtonComponent, selector: "desy-button", inputs: { id: "id", classes: "classes", html: "html", text: "text", element: "element", name: "name", type: "type", value: "value", disabled: "disabled", href: "href", target: "target", preventDoubleClick: "preventDoubleClick", fragment: "fragment", routerLink: "routerLink", routerLinkActiveClasses: "routerLinkActiveClasses" }, outputs: { clickEvent: "clickEvent" }, host: { properties: { "attr.tabindex": "this.hostTabIndex" } }, usesInheritance: true, ngImport: i0, template: "<ng-template #contentTemplate>\n   <ng-content></ng-content>\n</ng-template>\n\n<ng-container [ngSwitch]=\"getElement()\">\n  <ng-container *ngSwitchCase=\"staticElementTypeA\">\n  <!-- routerLink modifica href, por eso se duplica para que no convivan en un mismo html -->\n     <a *ngIf=\"routerLink\" draggable=\"false\" (click)=\"onClick($event)\"\n        [routerLink]=\"routerLink\" [routerLinkActive]=\"routerLinkActiveClasses ? routerLinkActiveClasses : []\" [fragment]=\"fragment\"\n        [attr.tabindex]=\"tabindex ? tabindex : (isDisabled() ? -1 : null)\"\n        [desyInnerContent]=\"html ? html : text\" [isHtml]=\"isHtml\" [deleteContentIfEmpty]=\"false\"\n        [class]=\"getClassNames()\"\n        [desyAppAccessibility]=\"this\"\n        [attr.id]=\"id ? id : null\">\n       <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n     </a>\n\n     <a *ngIf=\"!routerLink\" draggable=\"false\" (click)=\"onClick($event)\"\n        [href]=\"href | externalHref\"\n        [attr.target]=\"target ? target : null\"\n        [attr.tabindex]=\"tabindex ? tabindex : (isDisabled() ? -1 : null)\"\n        [desyInnerContent]=\"html ? html : text\" [isHtml]=\"isHtml\" [deleteContentIfEmpty]=\"false\"\n        [class]=\"getClassNames()\"\n        [desyAppAccessibility]=\"this\"\n        [attr.id]=\"id ? id : null\">\n       <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n     </a>\n\n  </ng-container>\n\n  <button *ngSwitchCase=\"staticElementTypeButton\" (click)=\"onClick($event)\"\n          [routerLink]=\"routerLink ? routerLink : null\" [routerLinkActive]=\"routerLinkActiveClasses ? routerLinkActiveClasses : []\" [fragment]=\"fragment\"\n          [attr.name]=\"name ? name : null\"\n          [attr.value]=\"value ? value : null\"\n          [disabled]=\"isDisabled()\"\n          [desyAppAccessibility]=\"this\"\n          [attr.aria-disabled]=\"isDisabled() ? 'true' : (ariaDisabled ? ariaDisabled : null)\"\n          [attr.data-prevent-double-click]=\"preventDoubleClick ? 'true' : null\"\n          [attr.type]=\"type ? type : null\"\n          [desyInnerContent]=\"html ? html : text\" [isHtml]=\"isHtml\" [deleteContentIfEmpty]=\"false\"\n          [class]=\"getClassNames()\"\n          [attr.id]=\"id ? id : null\">\n    <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n  </button>\n\n  <input *ngSwitchCase=\"staticElementTypeInput\" (click)=\"onClick($event)\"\n         [routerLink]=\"routerLink ? routerLink : null\" [routerLinkActive]=\"routerLinkActiveClasses ? routerLinkActiveClasses : []\" [fragment]=\"fragment\"\n         [attr.name]=\"name ? name : null\"\n         [value]=\"text ? text : null\"\n         [disabled]=\"isDisabled()\"\n         [attr.aria-disabled]=\"isDisabled() ? 'true' : (ariaDisabled ? ariaDisabled : null)\"\n         [desyAppAccessibility]=\"this\"\n         [attr.data-prevent-double-click]=\"preventDoubleClick ? 'true' : null\"\n         [attr.type]=\"type ? type : 'submit'\"\n         [class]=\"getClassNames()\"\n         [attr.id]=\"id ? id : null\">\n</ng-container>\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: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: i3.InnerContentDirective, selector: "[desyInnerContent]", inputs: ["desyInnerContent", "isHtml", "deleteContentIfEmpty"] }, { kind: "directive", type: i4.AccessibilityDirective, selector: "[desyAppAccessibility]", inputs: ["desyAppAccessibility"] }, { kind: "pipe", type: i5.ExternalHrefPipe, name: "externalHref" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ButtonComponent, selector: "desy-button", inputs: { id: "id", classes: "classes", html: "html", text: "text", element: "element", name: "name", type: "type", value: "value", disabled: "disabled", href: "href", target: "target", preventDoubleClick: "preventDoubleClick", fragment: "fragment", routerLink: "routerLink", routerLinkActiveClasses: "routerLinkActiveClasses" }, outputs: { clickEvent: "clickEvent" }, host: { properties: { "attr.tabindex": "this.hostTabIndex" } }, usesInheritance: true, ngImport: i0, template: "<ng-template #contentTemplate>\n   <ng-content></ng-content>\n</ng-template>\n\n<ng-container [ngSwitch]=\"getElement()\">\n  <ng-container *ngSwitchCase=\"staticElementTypeA\">\n  <!-- routerLink modifica href, por eso se duplica para que no convivan en un mismo html -->\n     <a *ngIf=\"routerLink\" draggable=\"false\" (click)=\"onClick($event)\"\n        [routerLink]=\"routerLink\" [routerLinkActive]=\"routerLinkActiveClasses ? routerLinkActiveClasses : []\" [fragment]=\"fragment\"\n        [attr.tabindex]=\"tabindex ? tabindex : (isDisabled() ? -1 : null)\"\n        [desyInnerContent]=\"html ? html : text\" [isHtml]=\"isHtml\" [deleteContentIfEmpty]=\"false\"\n        [class]=\"getClassNames()\"\n        [desyAppAccessibility]=\"this\"\n        [attr.id]=\"id ? id : null\">\n       <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n     </a>\n\n     <a *ngIf=\"!routerLink\" draggable=\"false\" (click)=\"onClick($event)\"\n        [href]=\"href | externalHref\"\n        [attr.target]=\"target ? target : null\"\n        [attr.tabindex]=\"tabindex ? tabindex : (isDisabled() ? -1 : null)\"\n        [desyInnerContent]=\"html ? html : text\" [isHtml]=\"isHtml\" [deleteContentIfEmpty]=\"false\"\n        [class]=\"getClassNames()\"\n        [desyAppAccessibility]=\"this\"\n        [attr.id]=\"id ? id : null\">\n       <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n     </a>\n\n  </ng-container>\n\n  <button *ngSwitchCase=\"staticElementTypeButton\" (click)=\"onClick($event)\"\n          [routerLink]=\"routerLink ? routerLink : null\" [routerLinkActive]=\"routerLinkActiveClasses ? routerLinkActiveClasses : []\" [fragment]=\"fragment\"\n          [attr.name]=\"name ? name : null\"\n          [attr.value]=\"value ? value : null\"\n          [disabled]=\"isDisabled()\"\n          [desyAppAccessibility]=\"this\"\n          [attr.aria-disabled]=\"isDisabled() ? 'true' : (ariaDisabled ? ariaDisabled : null)\"\n          [attr.data-prevent-double-click]=\"preventDoubleClick ? 'true' : null\"\n          [attr.type]=\"type ? type : null\"\n          [desyInnerContent]=\"html ? html : text\" [isHtml]=\"isHtml\" [deleteContentIfEmpty]=\"false\"\n          [class]=\"getClassNames()\"\n          [attr.id]=\"id ? id : null\">\n    <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n  </button>\n\n  <input *ngSwitchCase=\"staticElementTypeInput\" (click)=\"onClick($event)\"\n         [routerLink]=\"routerLink ? routerLink : null\" [routerLinkActive]=\"routerLinkActiveClasses ? routerLinkActiveClasses : []\" [fragment]=\"fragment\"\n         [attr.name]=\"name ? name : null\"\n         [value]=\"text ? text : null\"\n         [disabled]=\"isDisabled()\"\n         [attr.aria-disabled]=\"isDisabled() ? 'true' : (ariaDisabled ? ariaDisabled : null)\"\n         [desyAppAccessibility]=\"this\"\n         [attr.data-prevent-double-click]=\"preventDoubleClick ? 'true' : null\"\n         [attr.type]=\"type ? type : 'submit'\"\n         [class]=\"getClassNames()\"\n         [attr.id]=\"id ? id : null\">\n</ng-container>\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: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: i3.InnerContentDirective, selector: "[desyInnerContent]", inputs: ["desyInnerContent", "isHtml", "deleteContentIfEmpty"] }, { kind: "directive", type: i4.AccessibilityDirective, selector: "[desyAppAccessibility]", inputs: ["desyAppAccessibility"] }, { kind: "pipe", type: i5.ExternalHrefPipe, name: "externalHref" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: ButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'desy-button', template: "<ng-template #contentTemplate>\n   <ng-content></ng-content>\n</ng-template>\n\n<ng-container [ngSwitch]=\"getElement()\">\n  <ng-container *ngSwitchCase=\"staticElementTypeA\">\n  <!-- routerLink modifica href, por eso se duplica para que no convivan en un mismo html -->\n     <a *ngIf=\"routerLink\" draggable=\"false\" (click)=\"onClick($event)\"\n        [routerLink]=\"routerLink\" [routerLinkActive]=\"routerLinkActiveClasses ? routerLinkActiveClasses : []\" [fragment]=\"fragment\"\n        [attr.tabindex]=\"tabindex ? tabindex : (isDisabled() ? -1 : null)\"\n        [desyInnerContent]=\"html ? html : text\" [isHtml]=\"isHtml\" [deleteContentIfEmpty]=\"false\"\n        [class]=\"getClassNames()\"\n        [desyAppAccessibility]=\"this\"\n        [attr.id]=\"id ? id : null\">\n       <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n     </a>\n\n     <a *ngIf=\"!routerLink\" draggable=\"false\" (click)=\"onClick($event)\"\n        [href]=\"href | externalHref\"\n        [attr.target]=\"target ? target : null\"\n        [attr.tabindex]=\"tabindex ? tabindex : (isDisabled() ? -1 : null)\"\n        [desyInnerContent]=\"html ? html : text\" [isHtml]=\"isHtml\" [deleteContentIfEmpty]=\"false\"\n        [class]=\"getClassNames()\"\n        [desyAppAccessibility]=\"this\"\n        [attr.id]=\"id ? id : null\">\n       <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n     </a>\n\n  </ng-container>\n\n  <button *ngSwitchCase=\"staticElementTypeButton\" (click)=\"onClick($event)\"\n          [routerLink]=\"routerLink ? routerLink : null\" [routerLinkActive]=\"routerLinkActiveClasses ? routerLinkActiveClasses : []\" [fragment]=\"fragment\"\n          [attr.name]=\"name ? name : null\"\n          [attr.value]=\"value ? value : null\"\n          [disabled]=\"isDisabled()\"\n          [desyAppAccessibility]=\"this\"\n          [attr.aria-disabled]=\"isDisabled() ? 'true' : (ariaDisabled ? ariaDisabled : null)\"\n          [attr.data-prevent-double-click]=\"preventDoubleClick ? 'true' : null\"\n          [attr.type]=\"type ? type : null\"\n          [desyInnerContent]=\"html ? html : text\" [isHtml]=\"isHtml\" [deleteContentIfEmpty]=\"false\"\n          [class]=\"getClassNames()\"\n          [attr.id]=\"id ? id : null\">\n    <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n  </button>\n\n  <input *ngSwitchCase=\"staticElementTypeInput\" (click)=\"onClick($event)\"\n         [routerLink]=\"routerLink ? routerLink : null\" [routerLinkActive]=\"routerLinkActiveClasses ? routerLinkActiveClasses : []\" [fragment]=\"fragment\"\n         [attr.name]=\"name ? name : null\"\n         [value]=\"text ? text : null\"\n         [disabled]=\"isDisabled()\"\n         [attr.aria-disabled]=\"isDisabled() ? 'true' : (ariaDisabled ? ariaDisabled : null)\"\n         [desyAppAccessibility]=\"this\"\n         [attr.data-prevent-double-click]=\"preventDoubleClick ? 'true' : null\"\n         [attr.type]=\"type ? type : 'submit'\"\n         [class]=\"getClassNames()\"\n         [attr.id]=\"id ? id : null\">\n</ng-container>\n" }]
         }], propDecorators: { hostTabIndex: [{

package/esm2022/lib/desy-buttons/components/button-loader/button-loader.component.mjs

@@ -45,10 +45,10 @@ export class ButtonLoaderComponent extends ButtonComponent {
         }
         return successText;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: ButtonLoaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.11", type: ButtonLoaderComponent, selector: "desy-button-loader", inputs: { loaderText: "loaderText", loaderClasses: "loaderClasses", state: "state", successText: "successText" }, host: { properties: { "attr.tabindex": "this.hostTabIndex" } }, usesInheritance: true, ngImport: i0, template: "<ng-template #spinnerTemplate>\n  <span class=\"c-button-loader__spinner flex items-center justify-center absolute inset-0\">\n    <desy-spinner [text]=\"getSpinnerText() ? getSpinnerText() : 'Acci\u00F3n en curso'\"\n                  [classes]=\"loaderClasses\"></desy-spinner>\n  </span>\n</ng-template>\n\n<ng-template #successTemplate>\n  <span class=\"c-button-loader__success flex items-center justify-center absolute inset-0\">\n    <span class=\"sr-only\"\n          role=\"alert\"\n          aria-live=\"assertive\">{{ getSuccessText() }}</span>\n    <span aria-hidden=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\"\n           viewBox=\"0 0 48 48\"\n           aria-hidden=\"true\"\n           width=\"1em\"\n           height=\"1em\">\n        <path d=\"M13.714 42.857A6.857 6.857 0 0 1 8.4 40.183L.857 31.646a3.429 3.429 0 0 1 .309-4.869A3.429 3.429 0 0 1 6 27.12l7.063 7.989a.72.72 0 0 0 .617.308.789.789 0 0 0 .617-.274L42.103 6.206a3.429 3.429 0 0 1 4.937 4.731L18.926 40.526a6.651 6.651 0 0 1-5.212 2.331Z\"\n              fill=\"currentColor\"></path>\n      </svg></span>\n  </span>\n</ng-template>\n\n<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n\n<ng-container [ngSwitch]=\"getElement()\">\n  <ng-container *ngSwitchCase=\"staticElementTypeA\">\n    <a *ngIf=\"routerLink\"\n       draggable=\"false\"\n       (click)=\"onClick($event)\"\n       [routerLink]=\"routerLink\"\n       [routerLinkActive]=\"routerLinkActiveClasses ? routerLinkActiveClasses : []\"\n       role=\"button\"\n       [attr.aria-disabled]=\"isDisabled() ? 'true' : (ariaDisabled ? ariaDisabled : null)\"\n       [attr.id]=\"id ? id : null\"\n       [attr.tabindex]=\"tabindex ? tabindex : (isDisabled() ? -1 : null)\"\n       [desyAppAccessibility]=\"this\"\n       [class]=\"getClassNames()\">\n      <ng-container *ngIf=\"state===stateLoading\">\n        <ng-container *ngTemplateOutlet=\"spinnerTemplate\"></ng-container>\n      </ng-container>\n      <ng-container *ngIf=\"state===stateSuccess\">\n        <ng-container *ngTemplateOutlet=\"successTemplate\"></ng-container>\n      </ng-container>\n      <span class=\"c-button-loader__content inline-flex align-baseline\"\n            [desyInnerContent]=\"html ? html : text\"\n            [isHtml]=\"isHtml\"\n            [deleteContentIfEmpty]=\"false\"><ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container></span>\n    </a>\n\n    <a *ngIf=\"!routerLink\"\n       draggable=\"false\"\n       (click)=\"onClick($event)\"\n       [href]=\"href | externalHref\"\n       [attr.target]=\"target ? target : null\"\n       [attr.tabindex]=\"tabindex ? tabindex : (isDisabled() ? -1 : null)\"\n       role=\"button\"\n       [attr.aria-disabled]=\"isDisabled() ? 'true' : (ariaDisabled ? ariaDisabled : null)\"\n       [attr.id]=\"id ? id : null\"\n       [desyAppAccessibility]=\"this\"\n       [class]=\"getClassNames()\">\n      <ng-container *ngIf=\"state===stateLoading\">\n        <ng-container *ngTemplateOutlet=\"spinnerTemplate\"></ng-container>\n      </ng-container>\n      <ng-container *ngIf=\"state===stateSuccess\">\n        <ng-container *ngTemplateOutlet=\"successTemplate\"></ng-container>\n      </ng-container>\n      <span class=\"c-button-loader__content inline-flex align-baseline\"\n            [desyInnerContent]=\"html ? html : text\"\n            [isHtml]=\"isHtml\"\n            [deleteContentIfEmpty]=\"false\"><ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container></span>\n    </a>\n  </ng-container>\n\n  <button *ngSwitchCase=\"staticElementTypeButton\"\n          (click)=\"onClick($event)\"\n          [routerLink]=\"routerLink ? routerLink : null\"\n          [routerLinkActive]=\"routerLinkActiveClasses ? routerLinkActiveClasses : []\"\n          [attr.name]=\"name ? name : null\"\n          [attr.value]=\"value ? value : null\"\n          [attr.disabled]=\"isDisabled()\"\n          [desyAppAccessibility]=\"this\"\n          [attr.aria-disabled]=\"isDisabled() ? 'true' : (ariaDisabled ? ariaDisabled : null)\"\n          [attr.data-prevent-double-click]=\"preventDoubleClick ? 'true' : null\"\n          [attr.id]=\"id ? id : null\"\n          [attr.type]=\"type ? type : null\"\n          [class]=\"getClassNames()\">\n    <ng-container *ngIf=\"state===stateLoading\">\n      <ng-container *ngTemplateOutlet=\"spinnerTemplate\"></ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"state===stateSuccess\">\n      <ng-container *ngTemplateOutlet=\"successTemplate\"></ng-container>\n    </ng-container>\n    <span class=\"c-button-loader__content inline-flex align-baseline\"\n          [desyInnerContent]=\"html ? html : text\"\n          [isHtml]=\"isHtml\"\n          [deleteContentIfEmpty]=\"false\"> <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container></span>\n  </button>\n\n  <div *ngSwitchCase=\"staticElementTypeInput\"\n       (click)=\"onClick($event)\"\n       [routerLink]=\"routerLink ? routerLink : null\"\n       [routerLinkActive]=\"routerLinkActiveClasses ? routerLinkActiveClasses : []\"\n       [desyAppAccessibility]=\"this\"\n       [attr.id]=\"id ? id : null\"\n       [class]=\"getClassNames()\">\n    <span class=\"c-button-loader__content inline-flex align-baseline\">\n      <input [value]=\"text ? text : null\"\n             [type]=\"type ? type : 'submit'\"\n             class=\"bg-transparent font-semibold\"\n             [attr.data-prevent-double-click]=\"preventDoubleClick ? 'true' : null\"\n             [attr.disabled]=\"isDisabled()\"\n             [attr.aria-disabled]=\"isDisabled() ? 'true' : (ariaDisabled ? ariaDisabled : null)\"\n             [attr.name]=\"name ? name : null\">\n    </span>\n    <ng-container *ngIf=\"state===stateLoading\">\n      <ng-container *ngTemplateOutlet=\"spinnerTemplate\"></ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"state===stateSuccess\">\n      <ng-container *ngTemplateOutlet=\"successTemplate\"></ng-container>\n    </ng-container>\n  </div>\n</ng-container>", 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: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: i3.InnerContentDirective, selector: "[desyInnerContent]", inputs: ["desyInnerContent", "isHtml", "deleteContentIfEmpty"] }, { kind: "directive", type: i4.AccessibilityDirective, selector: "[desyAppAccessibility]", inputs: ["desyAppAccessibility"] }, { kind: "component", type: i5.SpinnerComponent, selector: "desy-spinner", inputs: ["text", "classes", "id"] }, { kind: "pipe", type: i6.ExternalHrefPipe, name: "externalHref" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ButtonLoaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ButtonLoaderComponent, selector: "desy-button-loader", inputs: { loaderText: "loaderText", loaderClasses: "loaderClasses", state: "state", successText: "successText" }, host: { properties: { "attr.tabindex": "this.hostTabIndex" } }, usesInheritance: true, ngImport: i0, template: "<ng-template #spinnerTemplate>\n  <span class=\"c-button-loader__spinner flex items-center justify-center absolute inset-0\">\n    <desy-spinner [text]=\"getSpinnerText() ? getSpinnerText() : 'Acci\u00F3n en curso'\"\n                  [classes]=\"loaderClasses\"></desy-spinner>\n  </span>\n</ng-template>\n\n<ng-template #successTemplate>\n  <span class=\"c-button-loader__success flex items-center justify-center absolute inset-0\">\n    <span class=\"sr-only\"\n          role=\"alert\"\n          aria-live=\"assertive\">{{ getSuccessText() }}</span>\n    <span aria-hidden=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\"\n           viewBox=\"0 0 48 48\"\n           aria-hidden=\"true\"\n           width=\"1em\"\n           height=\"1em\">\n        <path d=\"M13.714 42.857A6.857 6.857 0 0 1 8.4 40.183L.857 31.646a3.429 3.429 0 0 1 .309-4.869A3.429 3.429 0 0 1 6 27.12l7.063 7.989a.72.72 0 0 0 .617.308.789.789 0 0 0 .617-.274L42.103 6.206a3.429 3.429 0 0 1 4.937 4.731L18.926 40.526a6.651 6.651 0 0 1-5.212 2.331Z\"\n              fill=\"currentColor\"></path>\n      </svg></span>\n  </span>\n</ng-template>\n\n<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n\n<ng-container [ngSwitch]=\"getElement()\">\n  <ng-container *ngSwitchCase=\"staticElementTypeA\">\n    <a *ngIf=\"routerLink\"\n       draggable=\"false\"\n       (click)=\"onClick($event)\"\n       [routerLink]=\"routerLink\"\n       [routerLinkActive]=\"routerLinkActiveClasses ? routerLinkActiveClasses : []\"\n       role=\"button\"\n       [attr.aria-disabled]=\"isDisabled() ? 'true' : (ariaDisabled ? ariaDisabled : null)\"\n       [attr.id]=\"id ? id : null\"\n       [attr.tabindex]=\"tabindex ? tabindex : (isDisabled() ? -1 : null)\"\n       [desyAppAccessibility]=\"this\"\n       [class]=\"getClassNames()\">\n      <ng-container *ngIf=\"state===stateLoading\">\n        <ng-container *ngTemplateOutlet=\"spinnerTemplate\"></ng-container>\n      </ng-container>\n      <ng-container *ngIf=\"state===stateSuccess\">\n        <ng-container *ngTemplateOutlet=\"successTemplate\"></ng-container>\n      </ng-container>\n      <span class=\"c-button-loader__content inline-flex align-baseline\"\n            [desyInnerContent]=\"html ? html : text\"\n            [isHtml]=\"isHtml\"\n            [deleteContentIfEmpty]=\"false\"><ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container></span>\n    </a>\n\n    <a *ngIf=\"!routerLink\"\n       draggable=\"false\"\n       (click)=\"onClick($event)\"\n       [href]=\"href | externalHref\"\n       [attr.target]=\"target ? target : null\"\n       [attr.tabindex]=\"tabindex ? tabindex : (isDisabled() ? -1 : null)\"\n       role=\"button\"\n       [attr.aria-disabled]=\"isDisabled() ? 'true' : (ariaDisabled ? ariaDisabled : null)\"\n       [attr.id]=\"id ? id : null\"\n       [desyAppAccessibility]=\"this\"\n       [class]=\"getClassNames()\">\n      <ng-container *ngIf=\"state===stateLoading\">\n        <ng-container *ngTemplateOutlet=\"spinnerTemplate\"></ng-container>\n      </ng-container>\n      <ng-container *ngIf=\"state===stateSuccess\">\n        <ng-container *ngTemplateOutlet=\"successTemplate\"></ng-container>\n      </ng-container>\n      <span class=\"c-button-loader__content inline-flex align-baseline\"\n            [desyInnerContent]=\"html ? html : text\"\n            [isHtml]=\"isHtml\"\n            [deleteContentIfEmpty]=\"false\"><ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container></span>\n    </a>\n  </ng-container>\n\n  <button *ngSwitchCase=\"staticElementTypeButton\"\n          (click)=\"onClick($event)\"\n          [routerLink]=\"routerLink ? routerLink : null\"\n          [routerLinkActive]=\"routerLinkActiveClasses ? routerLinkActiveClasses : []\"\n          [attr.name]=\"name ? name : null\"\n          [attr.value]=\"value ? value : null\"\n          [attr.disabled]=\"isDisabled()\"\n          [desyAppAccessibility]=\"this\"\n          [attr.aria-disabled]=\"isDisabled() ? 'true' : (ariaDisabled ? ariaDisabled : null)\"\n          [attr.data-prevent-double-click]=\"preventDoubleClick ? 'true' : null\"\n          [attr.id]=\"id ? id : null\"\n          [attr.type]=\"type ? type : null\"\n          [class]=\"getClassNames()\">\n    <ng-container *ngIf=\"state===stateLoading\">\n      <ng-container *ngTemplateOutlet=\"spinnerTemplate\"></ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"state===stateSuccess\">\n      <ng-container *ngTemplateOutlet=\"successTemplate\"></ng-container>\n    </ng-container>\n    <span class=\"c-button-loader__content inline-flex align-baseline\"\n          [desyInnerContent]=\"html ? html : text\"\n          [isHtml]=\"isHtml\"\n          [deleteContentIfEmpty]=\"false\"> <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container></span>\n  </button>\n\n  <div *ngSwitchCase=\"staticElementTypeInput\"\n       (click)=\"onClick($event)\"\n       [routerLink]=\"routerLink ? routerLink : null\"\n       [routerLinkActive]=\"routerLinkActiveClasses ? routerLinkActiveClasses : []\"\n       [desyAppAccessibility]=\"this\"\n       [attr.id]=\"id ? id : null\"\n       [class]=\"getClassNames()\">\n    <span class=\"c-button-loader__content inline-flex align-baseline\">\n      <input [value]=\"text ? text : null\"\n             [type]=\"type ? type : 'submit'\"\n             class=\"bg-transparent font-semibold\"\n             [attr.data-prevent-double-click]=\"preventDoubleClick ? 'true' : null\"\n             [attr.disabled]=\"isDisabled()\"\n             [attr.aria-disabled]=\"isDisabled() ? 'true' : (ariaDisabled ? ariaDisabled : null)\"\n             [attr.name]=\"name ? name : null\">\n    </span>\n    <ng-container *ngIf=\"state===stateLoading\">\n      <ng-container *ngTemplateOutlet=\"spinnerTemplate\"></ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"state===stateSuccess\">\n      <ng-container *ngTemplateOutlet=\"successTemplate\"></ng-container>\n    </ng-container>\n  </div>\n</ng-container>", 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: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: i3.InnerContentDirective, selector: "[desyInnerContent]", inputs: ["desyInnerContent", "isHtml", "deleteContentIfEmpty"] }, { kind: "directive", type: i4.AccessibilityDirective, selector: "[desyAppAccessibility]", inputs: ["desyAppAccessibility"] }, { kind: "component", type: i5.SpinnerComponent, selector: "desy-spinner", inputs: ["text", "classes", "id"] }, { kind: "pipe", type: i6.ExternalHrefPipe, name: "externalHref" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: ButtonLoaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ButtonLoaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'desy-button-loader', template: "<ng-template #spinnerTemplate>\n  <span class=\"c-button-loader__spinner flex items-center justify-center absolute inset-0\">\n    <desy-spinner [text]=\"getSpinnerText() ? getSpinnerText() : 'Acci\u00F3n en curso'\"\n                  [classes]=\"loaderClasses\"></desy-spinner>\n  </span>\n</ng-template>\n\n<ng-template #successTemplate>\n  <span class=\"c-button-loader__success flex items-center justify-center absolute inset-0\">\n    <span class=\"sr-only\"\n          role=\"alert\"\n          aria-live=\"assertive\">{{ getSuccessText() }}</span>\n    <span aria-hidden=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\"\n           viewBox=\"0 0 48 48\"\n           aria-hidden=\"true\"\n           width=\"1em\"\n           height=\"1em\">\n        <path d=\"M13.714 42.857A6.857 6.857 0 0 1 8.4 40.183L.857 31.646a3.429 3.429 0 0 1 .309-4.869A3.429 3.429 0 0 1 6 27.12l7.063 7.989a.72.72 0 0 0 .617.308.789.789 0 0 0 .617-.274L42.103 6.206a3.429 3.429 0 0 1 4.937 4.731L18.926 40.526a6.651 6.651 0 0 1-5.212 2.331Z\"\n              fill=\"currentColor\"></path>\n      </svg></span>\n  </span>\n</ng-template>\n\n<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n\n<ng-container [ngSwitch]=\"getElement()\">\n  <ng-container *ngSwitchCase=\"staticElementTypeA\">\n    <a *ngIf=\"routerLink\"\n       draggable=\"false\"\n       (click)=\"onClick($event)\"\n       [routerLink]=\"routerLink\"\n       [routerLinkActive]=\"routerLinkActiveClasses ? routerLinkActiveClasses : []\"\n       role=\"button\"\n       [attr.aria-disabled]=\"isDisabled() ? 'true' : (ariaDisabled ? ariaDisabled : null)\"\n       [attr.id]=\"id ? id : null\"\n       [attr.tabindex]=\"tabindex ? tabindex : (isDisabled() ? -1 : null)\"\n       [desyAppAccessibility]=\"this\"\n       [class]=\"getClassNames()\">\n      <ng-container *ngIf=\"state===stateLoading\">\n        <ng-container *ngTemplateOutlet=\"spinnerTemplate\"></ng-container>\n      </ng-container>\n      <ng-container *ngIf=\"state===stateSuccess\">\n        <ng-container *ngTemplateOutlet=\"successTemplate\"></ng-container>\n      </ng-container>\n      <span class=\"c-button-loader__content inline-flex align-baseline\"\n            [desyInnerContent]=\"html ? html : text\"\n            [isHtml]=\"isHtml\"\n            [deleteContentIfEmpty]=\"false\"><ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container></span>\n    </a>\n\n    <a *ngIf=\"!routerLink\"\n       draggable=\"false\"\n       (click)=\"onClick($event)\"\n       [href]=\"href | externalHref\"\n       [attr.target]=\"target ? target : null\"\n       [attr.tabindex]=\"tabindex ? tabindex : (isDisabled() ? -1 : null)\"\n       role=\"button\"\n       [attr.aria-disabled]=\"isDisabled() ? 'true' : (ariaDisabled ? ariaDisabled : null)\"\n       [attr.id]=\"id ? id : null\"\n       [desyAppAccessibility]=\"this\"\n       [class]=\"getClassNames()\">\n      <ng-container *ngIf=\"state===stateLoading\">\n        <ng-container *ngTemplateOutlet=\"spinnerTemplate\"></ng-container>\n      </ng-container>\n      <ng-container *ngIf=\"state===stateSuccess\">\n        <ng-container *ngTemplateOutlet=\"successTemplate\"></ng-container>\n      </ng-container>\n      <span class=\"c-button-loader__content inline-flex align-baseline\"\n            [desyInnerContent]=\"html ? html : text\"\n            [isHtml]=\"isHtml\"\n            [deleteContentIfEmpty]=\"false\"><ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container></span>\n    </a>\n  </ng-container>\n\n  <button *ngSwitchCase=\"staticElementTypeButton\"\n          (click)=\"onClick($event)\"\n          [routerLink]=\"routerLink ? routerLink : null\"\n          [routerLinkActive]=\"routerLinkActiveClasses ? routerLinkActiveClasses : []\"\n          [attr.name]=\"name ? name : null\"\n          [attr.value]=\"value ? value : null\"\n          [attr.disabled]=\"isDisabled()\"\n          [desyAppAccessibility]=\"this\"\n          [attr.aria-disabled]=\"isDisabled() ? 'true' : (ariaDisabled ? ariaDisabled : null)\"\n          [attr.data-prevent-double-click]=\"preventDoubleClick ? 'true' : null\"\n          [attr.id]=\"id ? id : null\"\n          [attr.type]=\"type ? type : null\"\n          [class]=\"getClassNames()\">\n    <ng-container *ngIf=\"state===stateLoading\">\n      <ng-container *ngTemplateOutlet=\"spinnerTemplate\"></ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"state===stateSuccess\">\n      <ng-container *ngTemplateOutlet=\"successTemplate\"></ng-container>\n    </ng-container>\n    <span class=\"c-button-loader__content inline-flex align-baseline\"\n          [desyInnerContent]=\"html ? html : text\"\n          [isHtml]=\"isHtml\"\n          [deleteContentIfEmpty]=\"false\"> <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container></span>\n  </button>\n\n  <div *ngSwitchCase=\"staticElementTypeInput\"\n       (click)=\"onClick($event)\"\n       [routerLink]=\"routerLink ? routerLink : null\"\n       [routerLinkActive]=\"routerLinkActiveClasses ? routerLinkActiveClasses : []\"\n       [desyAppAccessibility]=\"this\"\n       [attr.id]=\"id ? id : null\"\n       [class]=\"getClassNames()\">\n    <span class=\"c-button-loader__content inline-flex align-baseline\">\n      <input [value]=\"text ? text : null\"\n             [type]=\"type ? type : 'submit'\"\n             class=\"bg-transparent font-semibold\"\n             [attr.data-prevent-double-click]=\"preventDoubleClick ? 'true' : null\"\n             [attr.disabled]=\"isDisabled()\"\n             [attr.aria-disabled]=\"isDisabled() ? 'true' : (ariaDisabled ? ariaDisabled : null)\"\n             [attr.name]=\"name ? name : null\">\n    </span>\n    <ng-container *ngIf=\"state===stateLoading\">\n      <ng-container *ngTemplateOutlet=\"spinnerTemplate\"></ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"state===stateSuccess\">\n      <ng-container *ngTemplateOutlet=\"successTemplate\"></ng-container>\n    </ng-container>\n  </div>\n</ng-container>" }]
         }], propDecorators: { hostTabIndex: [{

package/esm2022/lib/desy-buttons/components/dropdown/dropdown.component.mjs

@@ -113,14 +113,14 @@ export class DropdownComponent extends AccessibilityAndContentRequiredComponent
     isDisabled() {
         return this.disabled ? true : null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: DropdownComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.11", type: DropdownComponent, selector: "desy-dropdown", inputs: { id: "id", disabled: "disabled", hiddenText: "hiddenText", classesContainer: "classesContainer", classesTooltip: "classesTooltip", caller: "caller", classes: "classes" }, outputs: { clickEvent: "clickEvent" }, host: { listeners: { "click": "detectClickToFocusBtn($event.target)" }, properties: { "class": "this.classesContainer" } }, queries: [{ propertyName: "contentComponent", predicate: ContentComponent }], viewQueries: [{ propertyName: "dropdownContent", first: true, predicate: ["dropdownContent"], descendants: true, read: ElementRef, static: true }, { propertyName: "dropdownBtn", first: true, predicate: ["dropdownBtn"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<button #dropdownBtn (click)=\"onClick($event)\"\n      ngxTippy [tippyProps]=\"tippyProperties\"\n      [class]=\"['c-dropdown', classes] | makeHtmlList\"\n      [disabled]=\"isDisabled() ? true : null\"\n      aria-haspopup=\"true\"\n      [attr.aria-disabled]=\"isDisabled() ? 'true' : (ariaDisabled ? ariaDisabled : null)\"\n      [attr.aria-expanded]=\"isOpen\"\n      [attr.id]=\"id ? id : null\"\n      [desyAppAccessibility]=\"this\"\n      [attr.tabIndex]=\"isDisabled() ? '-1' : tabindex\">\n  <span class=\"inline-flex self-center max-w-xs align-middle truncate\">\n    <ng-container *desyCustomInnerContent=\"{ html: html, text: text }\"></ng-container>\n    <ng-content></ng-content>\n  </span>\n  <svg class=\"inline-block -mr-2  align-middle -my-px\" viewBox=\"0 0 96 96\" aria-hidden=\"true\" fill=\"currentColor\" focusable=\"false\" width=\"1.5em\" height=\"1.5em\"><g><path d=\"M46.71 58.037a1.823 1.823 0 002.581 0L62.048 45.28a1.823 1.823 0 00-1.29-3.113H35.243a1.823 1.823 0 00-1.291 3.113z\"/></g></svg>\n</button>\n<span *ngIf=\"hiddenText\" class=\"sr-only\">{{ hiddenText }}</span>\n<div #dropdownContent [class]=\"['-ml-sm mt-2 border border-neutral-base shadow-md bg-white', classesTooltip] | makeHtmlList\">\n  <ng-container *ngTemplateOutlet=\"caller\"></ng-container>\n  <ng-container *desyCustomInnerContent=\"{ component: contentComponent }\"></ng-container>\n</div>", 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.CustomInnerContentDirective, selector: "[desyCustomInnerContent]", inputs: ["desyCustomInnerContent"] }, { kind: "directive", type: i3.AccessibilityDirective, selector: "[desyAppAccessibility]", inputs: ["desyAppAccessibility"] }, { kind: "directive", type: i4.NgxTippyDirective, selector: "[ngxTippy]", inputs: ["ngxTippy", "tippyProps", "tippyName", "tippyClassName", "tippyContext"] }, { kind: "pipe", type: i5.MakeHtmlListPipe, name: "makeHtmlList" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DropdownComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DropdownComponent, selector: "desy-dropdown", inputs: { id: "id", disabled: "disabled", hiddenText: "hiddenText", classesContainer: "classesContainer", classesTooltip: "classesTooltip", caller: "caller", classes: "classes" }, outputs: { clickEvent: "clickEvent" }, host: { listeners: { "click": "detectClickToFocusBtn($event.target)" }, properties: { "class": "this.classesContainer" } }, queries: [{ propertyName: "contentComponent", predicate: ContentComponent }], viewQueries: [{ propertyName: "dropdownContent", first: true, predicate: ["dropdownContent"], descendants: true, read: ElementRef, static: true }, { propertyName: "dropdownBtn", first: true, predicate: ["dropdownBtn"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<button #dropdownBtn (click)=\"onClick($event)\"\n      ngxTippy [tippyProps]=\"tippyProperties\"\n      [class]=\"['c-dropdown', classes] | makeHtmlList\"\n      [disabled]=\"isDisabled() ? true : null\"\n      aria-haspopup=\"true\"\n      [attr.aria-disabled]=\"isDisabled() ? 'true' : (ariaDisabled ? ariaDisabled : null)\"\n      [attr.aria-expanded]=\"isOpen\"\n      [attr.id]=\"id ? id : null\"\n      [desyAppAccessibility]=\"this\"\n      [attr.tabIndex]=\"isDisabled() ? '-1' : tabindex\">\n  <span class=\"inline-flex self-center max-w-xs align-middle truncate\">\n    <ng-container *desyCustomInnerContent=\"{ html: html, text: text }\"></ng-container>\n    <ng-content></ng-content>\n  </span>\n  <svg class=\"inline-block -mr-2  align-middle -my-px\" viewBox=\"0 0 96 96\" aria-hidden=\"true\" fill=\"currentColor\" focusable=\"false\" width=\"1.5em\" height=\"1.5em\"><g><path d=\"M46.71 58.037a1.823 1.823 0 002.581 0L62.048 45.28a1.823 1.823 0 00-1.29-3.113H35.243a1.823 1.823 0 00-1.291 3.113z\"/></g></svg>\n</button>\n<span *ngIf=\"hiddenText\" class=\"sr-only\">{{ hiddenText }}</span>\n<div #dropdownContent [class]=\"['-ml-sm mt-2 border border-neutral-base shadow-md bg-white', classesTooltip] | makeHtmlList\">\n  <ng-container *ngTemplateOutlet=\"caller\"></ng-container>\n  <ng-container *desyCustomInnerContent=\"{ component: contentComponent }\"></ng-container>\n</div>", 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.CustomInnerContentDirective, selector: "[desyCustomInnerContent]", inputs: ["desyCustomInnerContent"] }, { kind: "directive", type: i3.AccessibilityDirective, selector: "[desyAppAccessibility]", inputs: ["desyAppAccessibility"] }, { kind: "directive", type: i4.NgxTippyDirective, selector: "[ngxTippy]", inputs: ["ngxTippy", "tippyProps", "tippyName", "tippyClassName", "tippyContext"] }, { kind: "pipe", type: i5.MakeHtmlListPipe, name: "makeHtmlList" }] }); }
 }
 __decorate([
     DesyContentChild(),
     __metadata("design:type", ContentComponent)
 ], DropdownComponent.prototype, "contentComponent", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: DropdownComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DropdownComponent, decorators: [{
             type: Component,
             args: [{ selector: 'desy-dropdown', template: "<button #dropdownBtn (click)=\"onClick($event)\"\n      ngxTippy [tippyProps]=\"tippyProperties\"\n      [class]=\"['c-dropdown', classes] | makeHtmlList\"\n      [disabled]=\"isDisabled() ? true : null\"\n      aria-haspopup=\"true\"\n      [attr.aria-disabled]=\"isDisabled() ? 'true' : (ariaDisabled ? ariaDisabled : null)\"\n      [attr.aria-expanded]=\"isOpen\"\n      [attr.id]=\"id ? id : null\"\n      [desyAppAccessibility]=\"this\"\n      [attr.tabIndex]=\"isDisabled() ? '-1' : tabindex\">\n  <span class=\"inline-flex self-center max-w-xs align-middle truncate\">\n    <ng-container *desyCustomInnerContent=\"{ html: html, text: text }\"></ng-container>\n    <ng-content></ng-content>\n  </span>\n  <svg class=\"inline-block -mr-2  align-middle -my-px\" viewBox=\"0 0 96 96\" aria-hidden=\"true\" fill=\"currentColor\" focusable=\"false\" width=\"1.5em\" height=\"1.5em\"><g><path d=\"M46.71 58.037a1.823 1.823 0 002.581 0L62.048 45.28a1.823 1.823 0 00-1.29-3.113H35.243a1.823 1.823 0 00-1.291 3.113z\"/></g></svg>\n</button>\n<span *ngIf=\"hiddenText\" class=\"sr-only\">{{ hiddenText }}</span>\n<div #dropdownContent [class]=\"['-ml-sm mt-2 border border-neutral-base shadow-md bg-white', classesTooltip] | makeHtmlList\">\n  <ng-container *ngTemplateOutlet=\"caller\"></ng-container>\n  <ng-container *desyCustomInnerContent=\"{ component: contentComponent }\"></ng-container>\n</div>" }]
         }], propDecorators: { dropdownContent: [{

package/esm2022/lib/desy-buttons/components/listbox/listbox-item/listbox-item.component.mjs

@@ -14,10 +14,10 @@ export class ListboxItemComponent extends AccessibilityComponent {
         this.active = value;
         this.activeChange.emit(value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: ListboxItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.11", type: ListboxItemComponent, selector: "desy-listbox-item", inputs: { id: "id", active: "active", classes: "classes", titleModal: "titleModal" }, outputs: { itemChange: "itemChange", activeChange: "activeChange" }, viewQueries: [{ propertyName: "content", first: true, predicate: ["childComponentTemplate"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-template #childComponentTemplate>\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: ListboxItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ListboxItemComponent, selector: "desy-listbox-item", inputs: { id: "id", active: "active", classes: "classes", titleModal: "titleModal" }, outputs: { itemChange: "itemChange", activeChange: "activeChange" }, viewQueries: [{ propertyName: "content", first: true, predicate: ["childComponentTemplate"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-template #childComponentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: ListboxItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ListboxItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'desy-listbox-item', template: "<ng-template #childComponentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n" }]
         }], propDecorators: { content: [{

package/esm2022/lib/desy-buttons/components/listbox/listbox-label/listbox-label.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 ListboxLabelComponent extends ContentBaseComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: ListboxLabelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.11", type: ListboxLabelComponent, selector: "desy-listbox-label", inputs: { classes: "classes" }, 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: ListboxLabelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ListboxLabelComponent, selector: "desy-listbox-label", inputs: { classes: "classes" }, 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: ListboxLabelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ListboxLabelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'desy-listbox-label', template: "<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n" }]
         }], propDecorators: { classes: [{

package/esm2022/lib/desy-buttons/components/listbox/listbox.component.mjs

@@ -279,14 +279,14 @@ export class ListboxComponent extends AccessibilityAndTextOrHtmlRequiredComponen
             onHidden: this.onListClose.bind(this)
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: ListboxComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.11", type: ListboxComponent, selector: "desy-listbox", inputs: { id: "id", isMultiselectable: "isMultiselectable", doesChangeButtonText: "doesChangeButtonText", label: "label", classes: "classes", classesContainer: "classesContainer", classesTooltip: "classesTooltip", idPrefix: "idPrefix", disabled: "disabled", items: "items" }, outputs: { itemsChange: "itemsChange", activeItemChange: "activeItemChange" }, queries: [{ propertyName: "labelComponent", predicate: ListboxLabelComponent }, { propertyName: "itemComponentList", predicate: ListboxItemComponent }], viewQueries: [{ propertyName: "listboxButton", first: true, predicate: ["button"], descendants: true, read: ElementRef, static: true }, { propertyName: "listboxList", first: true, predicate: ["list"], descendants: true, read: ElementRef }, { propertyName: "listboxContent", first: true, predicate: ["tooltip"], descendants: true, read: ElementRef, static: true }, { propertyName: "listboxOptions", predicate: ["option"], descendants: true, read: ElementRef }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [ngClass]=\"classesContainer ? classesContainer : 'relative'\" [attr.id]=\"id ? id : null\">\n  <div [id]=\"id + '-label'\" [class]=\"['mb-sm', labelComponent?.classes, label?.classes] | makeHtmlList\">\n    <ng-container *desyCustomInnerContent=\"{ component: labelComponent, html: label ? getLabelContent(label) : null }\"></ng-container>\n  </div>\n  <button #button [id]=\"id + '-button'\"\n          [class]=\"['c-listbox', classes] | makeHtmlList\"\n          ngxTippy [tippyProps]=\"tippyProperties\"\n          aria-haspopup=\"listbox\"\n          [attr.aria-labelledby]=\"[hasLabel() ? id + '-label' : null, id + '-button'] | makeHtmlList\"\n          [attr.disabled]=\"disabled ? 'disabled' : null\"\n          [attr.aria-disabled]=\"disabled ? 'true' : (ariaDisabled ? ariaDisabled : null)\"\n          [desyAppAccessibility]=\"this\">\n        <span class=\"inline-flex self-center max-w-xs align-middle truncate\">\n          <ng-container *ngIf=\"!buttonContentHtml\">\n            <ng-content></ng-content> \n          </ng-container>\n          <ng-container *ngIf=\"buttonContentHtml||text\">\n            <ng-container *desyCustomInnerContent=\"{ html: buttonContentHtml, text: text }\"></ng-container>\n          </ng-container>\n        </span>\n    <svg class=\"inline-block -mr-2  align-middle -my-px\" viewBox=\"0 0 96 96\" aria-hidden=\"true\" fill=\"currentColor\" focusable=\"false\" width=\"1.5em\" height=\"1.5em\"><g><path d=\"M46.71 58.037a1.823 1.823 0 002.581 0L62.048 45.28a1.823 1.823 0 00-1.29-3.113H35.243a1.823 1.823 0 00-1.291 3.113z\"/></g></svg>\n  </button>\n  <div #tooltip [class]=\"['c-listbox__tooltip -ml-sm mt-2 border border-neutral-base shadow-md bg-white', classesTooltip] | makeHtmlList\">\n    <ul *ngIf=\"itemList\"\n        #list [id]=\"id\"\n        (focus)=\"onListFocus()\"\n        (keydown.arrowUp)=\"moveFocus(currentFocusIndex - 1, $event)\"\n        (keydown.arrowDown)=\"moveFocus(currentFocusIndex + 1, $event)\"\n        (keydown.home)=\"moveFocus(0, $event)\"\n        (keydown.end)=\"moveFocus(items.length - 1, $event)\"\n        (keydown.space)=\"onSpace($event)\"\n        role=\"listbox\"\n        tabindex=\"-1\"\n        class=\"text-sm outline-none\"\n        [attr.aria-labelledby]=\"hasLabel() ? id : (ariaLabelledBy ? ariaLabelledBy : null)\"\n        [attr.aria-multiselectable]=\"isMultiselectable ? 'true' : null\"\n        [desyAppAccessibility]=\"this\"\n        [attr.aria-activedescendant]=\"lastActiveItems && lastActiveItems.length > 0 ? getItemId(lastActiveItems[0].item, lastActiveItems[0].index) : null\">\n      <ng-container *ngFor=\"let item of itemList; index as index\">\n        <li #option *ngIf=\"item\" role=\"option\" (click)=\"selectItem(index)\"\n            [class]=\"['flex items-center pr-base pl-lg py-sm hover:bg-primary-base hover:text-white focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black', item.classes] | makeHtmlList\"\n            [ngClass]=\"{'focused': index === currentFocusIndex}\"\n            [attr.aria-label]=\"item.active ? 'true' : (item.ariaLabel ? item.ariaLabel : null)\"\n            [id]=\"getItemId(item, index)\"\n            (desyAttributeChange)=\"onChangeItemChecked()\" [attributesToCheck]=\"'aria-selected'\" [desyAttributeChangeEnabled]=\"items && items.length > 0\"\n            [desyAppAccessibility]=\"item\"\n            [attr.aria-selected]=\"item.active\">\n          <ng-container *desyCustomInnerContent=\"{ template: item['content'], html: item.html, text: item.text }\"></ng-container>\n        </li>\n      </ng-container>\n    </ul>\n  </div>\n</div>", 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: i2.AttributeChangeDirective, selector: "[desyAttributeChange]", inputs: ["attributesToCheck", "desyAttributeChangeEnabled"], outputs: ["desyAttributeChange", "desyAttributeChangeMutation"] }, { kind: "directive", type: i3.CustomInnerContentDirective, selector: "[desyCustomInnerContent]", inputs: ["desyCustomInnerContent"] }, { kind: "directive", type: i4.AccessibilityDirective, selector: "[desyAppAccessibility]", inputs: ["desyAppAccessibility"] }, { kind: "directive", type: i5.NgxTippyDirective, selector: "[ngxTippy]", inputs: ["ngxTippy", "tippyProps", "tippyName", "tippyClassName", "tippyContext"] }, { kind: "pipe", type: i6.MakeHtmlListPipe, name: "makeHtmlList" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ListboxComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ListboxComponent, selector: "desy-listbox", inputs: { id: "id", isMultiselectable: "isMultiselectable", doesChangeButtonText: "doesChangeButtonText", label: "label", classes: "classes", classesContainer: "classesContainer", classesTooltip: "classesTooltip", idPrefix: "idPrefix", disabled: "disabled", items: "items" }, outputs: { itemsChange: "itemsChange", activeItemChange: "activeItemChange" }, queries: [{ propertyName: "labelComponent", predicate: ListboxLabelComponent }, { propertyName: "itemComponentList", predicate: ListboxItemComponent }], viewQueries: [{ propertyName: "listboxButton", first: true, predicate: ["button"], descendants: true, read: ElementRef, static: true }, { propertyName: "listboxList", first: true, predicate: ["list"], descendants: true, read: ElementRef }, { propertyName: "listboxContent", first: true, predicate: ["tooltip"], descendants: true, read: ElementRef, static: true }, { propertyName: "listboxOptions", predicate: ["option"], descendants: true, read: ElementRef }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [ngClass]=\"classesContainer ? classesContainer : 'relative'\" [attr.id]=\"id ? id : null\">\n  <div [id]=\"id + '-label'\" [class]=\"['mb-sm', labelComponent?.classes, label?.classes] | makeHtmlList\">\n    <ng-container *desyCustomInnerContent=\"{ component: labelComponent, html: label ? getLabelContent(label) : null }\"></ng-container>\n  </div>\n  <button #button [id]=\"id + '-button'\"\n          [class]=\"['c-listbox', classes] | makeHtmlList\"\n          ngxTippy [tippyProps]=\"tippyProperties\"\n          aria-haspopup=\"listbox\"\n          [attr.aria-labelledby]=\"[hasLabel() ? id + '-label' : null, id + '-button'] | makeHtmlList\"\n          [attr.disabled]=\"disabled ? 'disabled' : null\"\n          [attr.aria-disabled]=\"disabled ? 'true' : (ariaDisabled ? ariaDisabled : null)\"\n          [desyAppAccessibility]=\"this\">\n        <span class=\"inline-flex self-center max-w-xs align-middle truncate\">\n          <ng-container *ngIf=\"!buttonContentHtml\">\n            <ng-content></ng-content> \n          </ng-container>\n          <ng-container *ngIf=\"buttonContentHtml||text\">\n            <ng-container *desyCustomInnerContent=\"{ html: buttonContentHtml, text: text }\"></ng-container>\n          </ng-container>\n        </span>\n    <svg class=\"inline-block -mr-2  align-middle -my-px\" viewBox=\"0 0 96 96\" aria-hidden=\"true\" fill=\"currentColor\" focusable=\"false\" width=\"1.5em\" height=\"1.5em\"><g><path d=\"M46.71 58.037a1.823 1.823 0 002.581 0L62.048 45.28a1.823 1.823 0 00-1.29-3.113H35.243a1.823 1.823 0 00-1.291 3.113z\"/></g></svg>\n  </button>\n  <div #tooltip [class]=\"['c-listbox__tooltip -ml-sm mt-2 border border-neutral-base shadow-md bg-white', classesTooltip] | makeHtmlList\">\n    <ul *ngIf=\"itemList\"\n        #list [id]=\"id\"\n        (focus)=\"onListFocus()\"\n        (keydown.arrowUp)=\"moveFocus(currentFocusIndex - 1, $event)\"\n        (keydown.arrowDown)=\"moveFocus(currentFocusIndex + 1, $event)\"\n        (keydown.home)=\"moveFocus(0, $event)\"\n        (keydown.end)=\"moveFocus(items.length - 1, $event)\"\n        (keydown.space)=\"onSpace($event)\"\n        role=\"listbox\"\n        tabindex=\"-1\"\n        class=\"text-sm outline-none\"\n        [attr.aria-labelledby]=\"hasLabel() ? id : (ariaLabelledBy ? ariaLabelledBy : null)\"\n        [attr.aria-multiselectable]=\"isMultiselectable ? 'true' : null\"\n        [desyAppAccessibility]=\"this\"\n        [attr.aria-activedescendant]=\"lastActiveItems && lastActiveItems.length > 0 ? getItemId(lastActiveItems[0].item, lastActiveItems[0].index) : null\">\n      <ng-container *ngFor=\"let item of itemList; index as index\">\n        <li #option *ngIf=\"item\" role=\"option\" (click)=\"selectItem(index)\"\n            [class]=\"['flex items-center pr-base pl-lg py-sm hover:bg-primary-base hover:text-white focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black', item.classes] | makeHtmlList\"\n            [ngClass]=\"{'focused': index === currentFocusIndex}\"\n            [attr.aria-label]=\"item.active ? 'true' : (item.ariaLabel ? item.ariaLabel : null)\"\n            [id]=\"getItemId(item, index)\"\n            (desyAttributeChange)=\"onChangeItemChecked()\" [attributesToCheck]=\"'aria-selected'\" [desyAttributeChangeEnabled]=\"items && items.length > 0\"\n            [desyAppAccessibility]=\"item\"\n            [attr.aria-selected]=\"item.active\">\n          <ng-container *desyCustomInnerContent=\"{ template: item['content'], html: item.html, text: item.text }\"></ng-container>\n        </li>\n      </ng-container>\n    </ul>\n  </div>\n</div>", 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: i2.AttributeChangeDirective, selector: "[desyAttributeChange]", inputs: ["attributesToCheck", "desyAttributeChangeEnabled"], outputs: ["desyAttributeChange", "desyAttributeChangeMutation"] }, { kind: "directive", type: i3.CustomInnerContentDirective, selector: "[desyCustomInnerContent]", inputs: ["desyCustomInnerContent"] }, { kind: "directive", type: i4.AccessibilityDirective, selector: "[desyAppAccessibility]", inputs: ["desyAppAccessibility"] }, { kind: "directive", type: i5.NgxTippyDirective, selector: "[ngxTippy]", inputs: ["ngxTippy", "tippyProps", "tippyName", "tippyClassName", "tippyContext"] }, { kind: "pipe", type: i6.MakeHtmlListPipe, name: "makeHtmlList" }] }); }
 }
 __decorate([
     DesyContentChild(),
     __metadata("design:type", ListboxLabelComponent)
 ], ListboxComponent.prototype, "labelComponent", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: ListboxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ListboxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'desy-listbox', template: "<div [ngClass]=\"classesContainer ? classesContainer : 'relative'\" [attr.id]=\"id ? id : null\">\n  <div [id]=\"id + '-label'\" [class]=\"['mb-sm', labelComponent?.classes, label?.classes] | makeHtmlList\">\n    <ng-container *desyCustomInnerContent=\"{ component: labelComponent, html: label ? getLabelContent(label) : null }\"></ng-container>\n  </div>\n  <button #button [id]=\"id + '-button'\"\n          [class]=\"['c-listbox', classes] | makeHtmlList\"\n          ngxTippy [tippyProps]=\"tippyProperties\"\n          aria-haspopup=\"listbox\"\n          [attr.aria-labelledby]=\"[hasLabel() ? id + '-label' : null, id + '-button'] | makeHtmlList\"\n          [attr.disabled]=\"disabled ? 'disabled' : null\"\n          [attr.aria-disabled]=\"disabled ? 'true' : (ariaDisabled ? ariaDisabled : null)\"\n          [desyAppAccessibility]=\"this\">\n        <span class=\"inline-flex self-center max-w-xs align-middle truncate\">\n          <ng-container *ngIf=\"!buttonContentHtml\">\n            <ng-content></ng-content> \n          </ng-container>\n          <ng-container *ngIf=\"buttonContentHtml||text\">\n            <ng-container *desyCustomInnerContent=\"{ html: buttonContentHtml, text: text }\"></ng-container>\n          </ng-container>\n        </span>\n    <svg class=\"inline-block -mr-2  align-middle -my-px\" viewBox=\"0 0 96 96\" aria-hidden=\"true\" fill=\"currentColor\" focusable=\"false\" width=\"1.5em\" height=\"1.5em\"><g><path d=\"M46.71 58.037a1.823 1.823 0 002.581 0L62.048 45.28a1.823 1.823 0 00-1.29-3.113H35.243a1.823 1.823 0 00-1.291 3.113z\"/></g></svg>\n  </button>\n  <div #tooltip [class]=\"['c-listbox__tooltip -ml-sm mt-2 border border-neutral-base shadow-md bg-white', classesTooltip] | makeHtmlList\">\n    <ul *ngIf=\"itemList\"\n        #list [id]=\"id\"\n        (focus)=\"onListFocus()\"\n        (keydown.arrowUp)=\"moveFocus(currentFocusIndex - 1, $event)\"\n        (keydown.arrowDown)=\"moveFocus(currentFocusIndex + 1, $event)\"\n        (keydown.home)=\"moveFocus(0, $event)\"\n        (keydown.end)=\"moveFocus(items.length - 1, $event)\"\n        (keydown.space)=\"onSpace($event)\"\n        role=\"listbox\"\n        tabindex=\"-1\"\n        class=\"text-sm outline-none\"\n        [attr.aria-labelledby]=\"hasLabel() ? id : (ariaLabelledBy ? ariaLabelledBy : null)\"\n        [attr.aria-multiselectable]=\"isMultiselectable ? 'true' : null\"\n        [desyAppAccessibility]=\"this\"\n        [attr.aria-activedescendant]=\"lastActiveItems && lastActiveItems.length > 0 ? getItemId(lastActiveItems[0].item, lastActiveItems[0].index) : null\">\n      <ng-container *ngFor=\"let item of itemList; index as index\">\n        <li #option *ngIf=\"item\" role=\"option\" (click)=\"selectItem(index)\"\n            [class]=\"['flex items-center pr-base pl-lg py-sm hover:bg-primary-base hover:text-white focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black', item.classes] | makeHtmlList\"\n            [ngClass]=\"{'focused': index === currentFocusIndex}\"\n            [attr.aria-label]=\"item.active ? 'true' : (item.ariaLabel ? item.ariaLabel : null)\"\n            [id]=\"getItemId(item, index)\"\n            (desyAttributeChange)=\"onChangeItemChecked()\" [attributesToCheck]=\"'aria-selected'\" [desyAttributeChangeEnabled]=\"items && items.length > 0\"\n            [desyAppAccessibility]=\"item\"\n            [attr.aria-selected]=\"item.active\">\n          <ng-container *desyCustomInnerContent=\"{ template: item['content'], html: item.html, text: item.text }\"></ng-container>\n        </li>\n      </ng-container>\n    </ul>\n  </div>\n</div>" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { listboxButton: [{

package/esm2022/lib/desy-buttons/components/pill/pill.component.mjs

@@ -52,10 +52,10 @@ export class PillComponent extends AccessibilityAndContentRequiredComponent {
     get staticElementTypeSpan() {
         return PillComponent.TYPE_SPAN;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: PillComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.11", type: PillComponent, selector: "desy-pill", inputs: { type: "type", href: "href", target: "target", fragment: "fragment", routerLink: "routerLink", routerLinkActiveClasses: "routerLinkActiveClasses", classes: "classes", id: "id" }, outputs: { clickEvent: "clickEvent" }, host: { properties: { "attr.tabindex": "this.hostTabIndex" } }, usesInheritance: true, ngImport: i0, template: "<ng-template #contentTemplate>\n   <ng-content></ng-content>\n</ng-template>\n\n<ng-container [ngSwitch]=\"getType()\">\n    <ng-container *ngSwitchCase=\"staticElementTypeA\">\n      <!-- routerLink modifica href, por eso se duplica para que no convivan en un mismo html -->\n      <a *ngIf=\"routerLink\" data-module=\"c-pill\"  (click)=\"onClick($event)\"\n         [desyInnerContent]=\"html ? html : text\" [isHtml]=\"isHtml\" [deleteContentIfEmpty]=\"false\"\n         [routerLink]=\"routerLink\" [routerLinkActive]=\"routerLinkActiveClasses ? routerLinkActiveClasses : []\" [fragment]=\"fragment\"\n         [class]=\"getClassNames()\"\n         [attr.id]=\"id ? id : null\"\n         [desyAppAccessibility]=\"this\">\n         <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n      </a>\n\n      <a *ngIf=\"!routerLink\" data-module=\"c-pill\"  (click)=\"onClick($event)\"\n         [desyInnerContent]=\"html ? html : text\" [isHtml]=\"isHtml\" [deleteContentIfEmpty]=\"false\"\n         [href]=\"href | externalHref\"\n         [class]=\"getClassNames()\"\n         [attr.target]=\"target ? target : null\"\n         [attr.id]=\"id ? id : null\"\n         [desyAppAccessibility]=\"this\">\n         <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n      </a>\n    </ng-container>\n\n    <button *ngSwitchCase=\"staticElementTypeButton\" data-module=\"c-pill\" (click)=\"onClick($event)\"\n            [desyInnerContent]=\"html ? html : text\" [isHtml]=\"isHtml\" [deleteContentIfEmpty]=\"false\"\n            [class]=\"getClassNames()\"\n            [attr.id]=\"id ? id : null\"\n            [desyAppAccessibility]=\"this\">\n            <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n         </button>\n\n    <span *ngSwitchCase=\"staticElementTypeSpan\" data-module=\"c-pill\" (click)=\"onClick($event)\"\n          [desyInnerContent]=\"html ? html : text\" [isHtml]=\"isHtml\" [deleteContentIfEmpty]=\"false\"\n          [class]=\"getClassNames()\"\n          [attr.id]=\"id ? id : null\"\n          [desyAppAccessibility]=\"this\">\n          <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n         </span>\n</ng-container>\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: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: i3.InnerContentDirective, selector: "[desyInnerContent]", inputs: ["desyInnerContent", "isHtml", "deleteContentIfEmpty"] }, { kind: "directive", type: i4.AccessibilityDirective, selector: "[desyAppAccessibility]", inputs: ["desyAppAccessibility"] }, { kind: "pipe", type: i5.ExternalHrefPipe, name: "externalHref" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PillComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: PillComponent, selector: "desy-pill", inputs: { type: "type", href: "href", target: "target", fragment: "fragment", routerLink: "routerLink", routerLinkActiveClasses: "routerLinkActiveClasses", classes: "classes", id: "id" }, outputs: { clickEvent: "clickEvent" }, host: { properties: { "attr.tabindex": "this.hostTabIndex" } }, usesInheritance: true, ngImport: i0, template: "<ng-template #contentTemplate>\n   <ng-content></ng-content>\n</ng-template>\n\n<ng-container [ngSwitch]=\"getType()\">\n    <ng-container *ngSwitchCase=\"staticElementTypeA\">\n      <!-- routerLink modifica href, por eso se duplica para que no convivan en un mismo html -->\n      <a *ngIf=\"routerLink\" data-module=\"c-pill\"  (click)=\"onClick($event)\"\n         [desyInnerContent]=\"html ? html : text\" [isHtml]=\"isHtml\" [deleteContentIfEmpty]=\"false\"\n         [routerLink]=\"routerLink\" [routerLinkActive]=\"routerLinkActiveClasses ? routerLinkActiveClasses : []\" [fragment]=\"fragment\"\n         [class]=\"getClassNames()\"\n         [attr.id]=\"id ? id : null\"\n         [desyAppAccessibility]=\"this\">\n         <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n      </a>\n\n      <a *ngIf=\"!routerLink\" data-module=\"c-pill\"  (click)=\"onClick($event)\"\n         [desyInnerContent]=\"html ? html : text\" [isHtml]=\"isHtml\" [deleteContentIfEmpty]=\"false\"\n         [href]=\"href | externalHref\"\n         [class]=\"getClassNames()\"\n         [attr.target]=\"target ? target : null\"\n         [attr.id]=\"id ? id : null\"\n         [desyAppAccessibility]=\"this\">\n         <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n      </a>\n    </ng-container>\n\n    <button *ngSwitchCase=\"staticElementTypeButton\" data-module=\"c-pill\" (click)=\"onClick($event)\"\n            [desyInnerContent]=\"html ? html : text\" [isHtml]=\"isHtml\" [deleteContentIfEmpty]=\"false\"\n            [class]=\"getClassNames()\"\n            [attr.id]=\"id ? id : null\"\n            [desyAppAccessibility]=\"this\">\n            <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n         </button>\n\n    <span *ngSwitchCase=\"staticElementTypeSpan\" data-module=\"c-pill\" (click)=\"onClick($event)\"\n          [desyInnerContent]=\"html ? html : text\" [isHtml]=\"isHtml\" [deleteContentIfEmpty]=\"false\"\n          [class]=\"getClassNames()\"\n          [attr.id]=\"id ? id : null\"\n          [desyAppAccessibility]=\"this\">\n          <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n         </span>\n</ng-container>\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: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: i3.InnerContentDirective, selector: "[desyInnerContent]", inputs: ["desyInnerContent", "isHtml", "deleteContentIfEmpty"] }, { kind: "directive", type: i4.AccessibilityDirective, selector: "[desyAppAccessibility]", inputs: ["desyAppAccessibility"] }, { kind: "pipe", type: i5.ExternalHrefPipe, name: "externalHref" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: PillComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PillComponent, decorators: [{
             type: Component,
             args: [{ selector: 'desy-pill', template: "<ng-template #contentTemplate>\n   <ng-content></ng-content>\n</ng-template>\n\n<ng-container [ngSwitch]=\"getType()\">\n    <ng-container *ngSwitchCase=\"staticElementTypeA\">\n      <!-- routerLink modifica href, por eso se duplica para que no convivan en un mismo html -->\n      <a *ngIf=\"routerLink\" data-module=\"c-pill\"  (click)=\"onClick($event)\"\n         [desyInnerContent]=\"html ? html : text\" [isHtml]=\"isHtml\" [deleteContentIfEmpty]=\"false\"\n         [routerLink]=\"routerLink\" [routerLinkActive]=\"routerLinkActiveClasses ? routerLinkActiveClasses : []\" [fragment]=\"fragment\"\n         [class]=\"getClassNames()\"\n         [attr.id]=\"id ? id : null\"\n         [desyAppAccessibility]=\"this\">\n         <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n      </a>\n\n      <a *ngIf=\"!routerLink\" data-module=\"c-pill\"  (click)=\"onClick($event)\"\n         [desyInnerContent]=\"html ? html : text\" [isHtml]=\"isHtml\" [deleteContentIfEmpty]=\"false\"\n         [href]=\"href | externalHref\"\n         [class]=\"getClassNames()\"\n         [attr.target]=\"target ? target : null\"\n         [attr.id]=\"id ? id : null\"\n         [desyAppAccessibility]=\"this\">\n         <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n      </a>\n    </ng-container>\n\n    <button *ngSwitchCase=\"staticElementTypeButton\" data-module=\"c-pill\" (click)=\"onClick($event)\"\n            [desyInnerContent]=\"html ? html : text\" [isHtml]=\"isHtml\" [deleteContentIfEmpty]=\"false\"\n            [class]=\"getClassNames()\"\n            [attr.id]=\"id ? id : null\"\n            [desyAppAccessibility]=\"this\">\n            <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n         </button>\n\n    <span *ngSwitchCase=\"staticElementTypeSpan\" data-module=\"c-pill\" (click)=\"onClick($event)\"\n          [desyInnerContent]=\"html ? html : text\" [isHtml]=\"isHtml\" [deleteContentIfEmpty]=\"false\"\n          [class]=\"getClassNames()\"\n          [attr.id]=\"id ? id : null\"\n          [desyAppAccessibility]=\"this\">\n          <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n         </span>\n</ng-container>\n" }]
         }], propDecorators: { type: [{

package/esm2022/lib/desy-buttons/components/toggle/toggle-off-state/toggle-off-state.component.mjs

@@ -2,10 +2,10 @@ import { Component, Input, ViewChild } from '@angular/core';
 import { AccessibilityComponent } from '../../../../shared/components';
 import * as i0 from "@angular/core";
 export class ToggleOffStateComponent extends AccessibilityComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: ToggleOffStateComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.11", type: ToggleOffStateComponent, selector: "desy-toggle-off-state", inputs: { classes: "classes" }, viewQueries: [{ propertyName: "content", first: true, predicate: ["contentTemplateOffState"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #contentTemplateOffState>\n   <ng-content></ng-content>\n</ng-template>" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToggleOffStateComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ToggleOffStateComponent, selector: "desy-toggle-off-state", inputs: { classes: "classes" }, viewQueries: [{ propertyName: "content", first: true, predicate: ["contentTemplateOffState"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #contentTemplateOffState>\n   <ng-content></ng-content>\n</ng-template>" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: ToggleOffStateComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToggleOffStateComponent, decorators: [{
             type: Component,
             args: [{ selector: 'desy-toggle-off-state', template: "<ng-template #contentTemplateOffState>\n   <ng-content></ng-content>\n</ng-template>" }]
         }], propDecorators: { content: [{

package/esm2022/lib/desy-buttons/components/toggle/toggle-on-state/toggle-on-state.component.mjs

@@ -2,10 +2,10 @@ import { Component, Input, ViewChild } from '@angular/core';
 import { AccessibilityComponent } from '../../../../shared/components';
 import * as i0 from "@angular/core";
 export class ToggleOnStateComponent extends AccessibilityComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: ToggleOnStateComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.11", type: ToggleOnStateComponent, selector: "desy-toggle-on-state", inputs: { classes: "classes" }, viewQueries: [{ propertyName: "content", first: true, predicate: ["contentTemplateOnState"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #contentTemplateOnState>\n   <ng-content></ng-content>\n</ng-template>" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToggleOnStateComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ToggleOnStateComponent, selector: "desy-toggle-on-state", inputs: { classes: "classes" }, viewQueries: [{ propertyName: "content", first: true, predicate: ["contentTemplateOnState"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #contentTemplateOnState>\n   <ng-content></ng-content>\n</ng-template>" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: ToggleOnStateComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToggleOnStateComponent, decorators: [{
             type: Component,
             args: [{ selector: 'desy-toggle-on-state', template: "<ng-template #contentTemplateOnState>\n   <ng-content></ng-content>\n</ng-template>" }]
         }], propDecorators: { content: [{

package/esm2022/lib/desy-buttons/components/toggle/toggle.component.mjs

@@ -19,8 +19,8 @@ export class ToggleComponent extends AccessibilityComponent {
         this.pressedChange.emit(this.pressed);
         this.clickEvent.emit(event);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: ToggleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.11", type: ToggleComponent, selector: "desy-toggle", inputs: { id: "id", isSwitch: "isSwitch", pressed: "pressed", classes: "classes", isExpandible: "isExpandible", cfg: "cfg" }, outputs: { clickEvent: "clickEvent", pressedChange: "pressedChange" }, host: { properties: { "class.relative": "this.cfg" } }, queries: [{ propertyName: "contentTemplateOnState", predicate: ToggleOnStateComponent }, { propertyName: "contentTemplateOffState", predicate: ToggleOffStateComponent }], usesInheritance: true, ngImport: i0, template: "<!-- toggle -->\n  <button *ngIf=\"isSwitch\"\n          (click)=\"onClick($event)\"\n          [type]=\"'button'\"\n          [class]=\"pressed ? (classes + ' ' + contentTemplateOnState?.classes) : (classes + ' ' + contentTemplateOffState?.classes)\"\n          [attr.aria-checked]=\"pressed ? 'true' : 'false'\"\n          [attr.aria-pressed]=\"!isExpandible ? (pressed ? 'true' : 'false') : null\"\n          [attr.id]=\"id ? id : null\" \n          [attr.role]=\"'switch'\"\n          [desyAppAccessibility]=\"this\"\n          [attr.aria-expanded]=\"isExpandible ? (pressed ? 'true' : 'false') : null\">\n    \n    <span [class]=\"pressed ? 'hidden' : ''\" class=\"pointer-events-none\"><ng-container *ngTemplateOutlet=\"contentTemplateOffState?.content\"></ng-container></span>\n    <span [class]=\"pressed ? '' : 'hidden'\" class=\"pointer-events-none\"><ng-container *ngTemplateOutlet=\"contentTemplateOnState?.content\"></ng-container></span>\n  </button>\n\n  <button *ngIf=\"!isSwitch\"\n          (click)=\"onClick($event)\"\n          [type]=\"'button'\"\n          [class]=\"pressed ? (classes + ' ' + contentTemplateOnState?.classes) : (classes + ' ' + contentTemplateOffState?.classes)\"\n          [attr.aria-pressed]=\"pressed ? 'true' : 'false'\"\n          [attr.id]=\"id ? id : null\" \n          [desyAppAccessibility]=\"this\">\n    \n    <span [class]=\"pressed ? 'hidden' : ''\" class=\"pointer-events-none\"><ng-container *ngTemplateOutlet=\"contentTemplateOffState?.content\"></ng-container></span>\n    <span [class]=\"pressed ? '' : 'hidden'\" class=\"pointer-events-none\"><ng-container *ngTemplateOutlet=\"contentTemplateOnState?.content\"></ng-container></span>\n  </button>\n<!-- /toggle -->", 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: ToggleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ToggleComponent, selector: "desy-toggle", inputs: { id: "id", isSwitch: "isSwitch", pressed: "pressed", classes: "classes", isExpandible: "isExpandible", cfg: "cfg" }, outputs: { clickEvent: "clickEvent", pressedChange: "pressedChange" }, host: { properties: { "class.relative": "this.cfg" } }, queries: [{ propertyName: "contentTemplateOnState", predicate: ToggleOnStateComponent }, { propertyName: "contentTemplateOffState", predicate: ToggleOffStateComponent }], usesInheritance: true, ngImport: i0, template: "<!-- toggle -->\n  <button *ngIf=\"isSwitch\"\n          (click)=\"onClick($event)\"\n          [type]=\"'button'\"\n          [class]=\"pressed ? (classes + ' ' + contentTemplateOnState?.classes) : (classes + ' ' + contentTemplateOffState?.classes)\"\n          [attr.aria-checked]=\"pressed ? 'true' : 'false'\"\n          [attr.aria-pressed]=\"!isExpandible ? (pressed ? 'true' : 'false') : null\"\n          [attr.id]=\"id ? id : null\" \n          [attr.role]=\"'switch'\"\n          [desyAppAccessibility]=\"this\"\n          [attr.aria-expanded]=\"isExpandible ? (pressed ? 'true' : 'false') : null\">\n    \n    <span [class]=\"pressed ? 'hidden' : ''\" class=\"pointer-events-none\"><ng-container *ngTemplateOutlet=\"contentTemplateOffState?.content\"></ng-container></span>\n    <span [class]=\"pressed ? '' : 'hidden'\" class=\"pointer-events-none\"><ng-container *ngTemplateOutlet=\"contentTemplateOnState?.content\"></ng-container></span>\n  </button>\n\n  <button *ngIf=\"!isSwitch\"\n          (click)=\"onClick($event)\"\n          [type]=\"'button'\"\n          [class]=\"pressed ? (classes + ' ' + contentTemplateOnState?.classes) : (classes + ' ' + contentTemplateOffState?.classes)\"\n          [attr.aria-pressed]=\"pressed ? 'true' : 'false'\"\n          [attr.id]=\"id ? id : null\" \n          [desyAppAccessibility]=\"this\">\n    \n    <span [class]=\"pressed ? 'hidden' : ''\" class=\"pointer-events-none\"><ng-container *ngTemplateOutlet=\"contentTemplateOffState?.content\"></ng-container></span>\n    <span [class]=\"pressed ? '' : 'hidden'\" class=\"pointer-events-none\"><ng-container *ngTemplateOutlet=\"contentTemplateOnState?.content\"></ng-container></span>\n  </button>\n<!-- /toggle -->", 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"] }] }); }
 }
 __decorate([
     DesyContentChild(),
@@ -30,7 +30,7 @@ __decorate([
     DesyContentChild(),
     __metadata("design:type", ToggleOffStateComponent)
 ], ToggleComponent.prototype, "contentTemplateOffState", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: ToggleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToggleComponent, decorators: [{
             type: Component,
             args: [{ selector: 'desy-toggle', template: "<!-- toggle -->\n  <button *ngIf=\"isSwitch\"\n          (click)=\"onClick($event)\"\n          [type]=\"'button'\"\n          [class]=\"pressed ? (classes + ' ' + contentTemplateOnState?.classes) : (classes + ' ' + contentTemplateOffState?.classes)\"\n          [attr.aria-checked]=\"pressed ? 'true' : 'false'\"\n          [attr.aria-pressed]=\"!isExpandible ? (pressed ? 'true' : 'false') : null\"\n          [attr.id]=\"id ? id : null\" \n          [attr.role]=\"'switch'\"\n          [desyAppAccessibility]=\"this\"\n          [attr.aria-expanded]=\"isExpandible ? (pressed ? 'true' : 'false') : null\">\n    \n    <span [class]=\"pressed ? 'hidden' : ''\" class=\"pointer-events-none\"><ng-container *ngTemplateOutlet=\"contentTemplateOffState?.content\"></ng-container></span>\n    <span [class]=\"pressed ? '' : 'hidden'\" class=\"pointer-events-none\"><ng-container *ngTemplateOutlet=\"contentTemplateOnState?.content\"></ng-container></span>\n  </button>\n\n  <button *ngIf=\"!isSwitch\"\n          (click)=\"onClick($event)\"\n          [type]=\"'button'\"\n          [class]=\"pressed ? (classes + ' ' + contentTemplateOnState?.classes) : (classes + ' ' + contentTemplateOffState?.classes)\"\n          [attr.aria-pressed]=\"pressed ? 'true' : 'false'\"\n          [attr.id]=\"id ? id : null\" \n          [desyAppAccessibility]=\"this\">\n    \n    <span [class]=\"pressed ? 'hidden' : ''\" class=\"pointer-events-none\"><ng-container *ngTemplateOutlet=\"contentTemplateOffState?.content\"></ng-container></span>\n    <span [class]=\"pressed ? '' : 'hidden'\" class=\"pointer-events-none\"><ng-container *ngTemplateOutlet=\"contentTemplateOnState?.content\"></ng-container></span>\n  </button>\n<!-- /toggle -->" }]
         }], propDecorators: { id: [{

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

@@ -15,8 +15,8 @@ import { ToggleOnStateComponent } from './components/toggle/toggle-on-state/togg
 import { ToggleComponent } from './components/toggle/toggle.component';
 import * as i0 from "@angular/core";
 export class DesyButtonsModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: DesyButtonsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.11", ngImport: i0, type: DesyButtonsModule, declarations: [ButtonComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DesyButtonsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DesyButtonsModule, declarations: [ButtonComponent,
             ButtonLoaderComponent,
             DropdownComponent,
             ListboxComponent,
@@ -38,12 +38,12 @@ export class DesyButtonsModule {
             ToggleComponent,
             ToggleOnStateComponent,
             ToggleOffStateComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: DesyButtonsModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DesyButtonsModule, imports: [CommonModule,
             SharedModule,
             NgxTippyModule,
             SharedExternalModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: DesyButtonsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DesyButtonsModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/esm2022/lib/desy-commons/components/content/content.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 ContentComponent extends ContentBaseComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: ContentComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.11", type: ContentComponent, selector: "desy-content", inputs: { classes: "classes" }, 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: ContentComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ContentComponent, selector: "desy-content", inputs: { classes: "classes" }, 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: ContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ContentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'desy-content', template: "<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n" }]
         }], propDecorators: { classes: [{

package/esm2022/lib/desy-commons/components/description/description.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 DescriptionComponent extends ContentBaseComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: DescriptionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.11", type: DescriptionComponent, selector: "desy-description", inputs: { classes: "classes", visuallyHiddenTitle: "visuallyHiddenTitle" }, 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: DescriptionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DescriptionComponent, selector: "desy-description", inputs: { classes: "classes", visuallyHiddenTitle: "visuallyHiddenTitle" }, 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: DescriptionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DescriptionComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'desy-description',

package/esm2022/lib/desy-commons/components/divider/divider.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 DividerComponent extends ContentBaseComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: DividerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.11", type: DividerComponent, selector: "desy-divider", inputs: { text: "text", html: "html" }, usesInheritance: true, ngImport: i0, template: "<ng-template #contentTemplate>\n    <ng-content></ng-content>\n</ng-template>" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DividerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DividerComponent, selector: "desy-divider", inputs: { text: "text", html: "html" }, usesInheritance: true, ngImport: i0, template: "<ng-template #contentTemplate>\n    <ng-content></ng-content>\n</ng-template>" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: DividerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DividerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'desy-divider', template: "<ng-template #contentTemplate>\n    <ng-content></ng-content>\n</ng-template>" }]
         }], propDecorators: { text: [{

package/esm2022/lib/desy-commons/components/icon/icon.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 IconComponent extends ContentBaseComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: IconComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.11", type: IconComponent, selector: "desy-icon", inputs: { type: "type", containerClasses: "containerClasses" }, 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: IconComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: IconComponent, selector: "desy-icon", inputs: { type: "type", containerClasses: "containerClasses" }, 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: IconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: IconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'desy-icon', template: "<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n" }]
         }], propDecorators: { type: [{

package/esm2022/lib/desy-commons/components/title/title.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 TitleComponent extends ContentBaseComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: TitleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.11", type: TitleComponent, selector: "desy-title", 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: TitleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TitleComponent, selector: "desy-title", 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: TitleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TitleComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'desy-title',

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

@@ -9,8 +9,8 @@ import { DescriptionComponent } from './components/description/description.compo
 import { DividerComponent } from './components/divider/divider.component';
 import * as i0 from "@angular/core";
 export class DesyCommonsModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: DesyCommonsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.11", ngImport: i0, type: DesyCommonsModule, declarations: [IconComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DesyCommonsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DesyCommonsModule, declarations: [IconComponent,
             ContentComponent,
             DescriptionComponent,
             TitleComponent,
@@ -21,11 +21,11 @@ export class DesyCommonsModule {
             DescriptionComponent,
             TitleComponent,
             DividerComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: DesyCommonsModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DesyCommonsModule, imports: [CommonModule,
             SharedModule,
             NgxTippyModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: DesyCommonsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DesyCommonsModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/esm2022/lib/desy-forms/components/character-count/character-count.component.mjs

@@ -88,8 +88,8 @@ export class CharacterCountComponent extends FormFieldComponent {
             this.textarea.writeValue(value);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: CharacterCountComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.11", type: CharacterCountComponent, selector: "desy-character-count", inputs: { name: "name", type: "type", rows: "rows", placeholder: "placeholder", maxlength: "maxlength", countbbdd: "countbbdd", maxwords: "maxwords", threshold: "threshold", formGroupClasses: "formGroupClasses", countMessageClasses: "countMessageClasses", classes: "classes" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CharacterCountComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CharacterCountComponent, selector: "desy-character-count", inputs: { name: "name", type: "type", rows: "rows", placeholder: "placeholder", maxlength: "maxlength", countbbdd: "countbbdd", maxwords: "maxwords", threshold: "threshold", formGroupClasses: "formGroupClasses", countMessageClasses: "countMessageClasses", classes: "classes" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => CharacterCountComponent),
@@ -109,7 +109,7 @@ __decorate([
     DesyContentChild(),
     __metadata("design:type", ErrorMessageComponent)
 ], CharacterCountComponent.prototype, "errorMessageComponent", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: CharacterCountComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CharacterCountComponent, decorators: [{
             type: Component,
             args: [{ selector: 'desy-character-count', providers: [
                         {