desy-angular 7.0.1 → 7.1.0

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

@@ -36,8 +36,8 @@ export class StatusItemComponent extends AccessibilityComponent {
         return (this.itemComponents.length > 0) ? this.itemComponents.toArray() : this.items;
     }
 }
-StatusItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: StatusItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-StatusItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: StatusItemComponent, selector: "desy-status-item", inputs: { id: "id", errorId: "errorId", describedBy: "describedBy", title: "title", hint: "hint", errorMessage: "errorMessage", items: "items", status: "status", classes: "classes", caller: "caller" }, host: { properties: { "class": "this.classes", "attr.id": "this.idData", "attr.role": "this.roleData", "attr.aria-describedby": "this.ariaDescribedbyData", "attr.aria-errormessage": "this.ariaErrormessageData", "attr.aria-label": "this.ariaLabelData", "attr.aria-labelledby": "this.ariaLabelledbyData", "attr.aria-hidden": "this.ariaHiddenData", "attr.aria-disabled": "this.ariaDisabledData", "attr.aria-controls": "this.ariaControlsData", "attr.aria-current": "this.ariaCurrentData", "attr.aria-live": "this.ariaLiveData", "attr.aria-expanded": "this.ariaExpandedData", "attr.aria-haspopup": "this.ariaHaspopupData", "attr.tabindex": "this.tabindexData" } }, queries: [{ propertyName: "titleComponent", predicate: TitleComponent }, { propertyName: "hintComponent", predicate: HintComponent }, { propertyName: "errorMessageComponent", predicate: ErrorMessageComponent }, { propertyName: "contentComponent", predicate: ContentComponent }, { propertyName: "itemComponents", predicate: DescriptionItemComponent }, { propertyName: "statusComponent", predicate: StatusComponent }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-template #commonHtml>\n  <p *ngIf=\"titleComponent || title\" [class]=\"title ?  title.classes : 'my-sm'\">\n     <ng-container *desyCustomInnerContent=\"{\n        component: titleComponent,\n        html: title ? title.html : null,\n        text: title ? title.text : null\n      }\"></ng-container>\n  </p>\n\n  <ng-container *ngIf=\"hintComponent\">\n      <ng-content select=\"desy-hint\"></ng-content>\n  </ng-container>\n  <ng-container *ngIf=\"!hintComponent && hint\">\n    <desy-hint [text]=\"hint.text\" [html]=\"hint.html\" [classes]=\"hint.classes\" [id]=\"hint.id\"\n               [role]=\"hint.role\"\n               [ariaLabel]=\"hint.ariaLabel\"\n               [ariaDescribedBy]=\"(hint.ariaDescribedBy ? hint.ariaDescribedBy + '' + hint.id : hint.id)\"\n               [ariaLabelledBy]=\"hint.ariaLabelledBy\"\n               [ariaHidden]=\"hint.ariaHidden\"\n               [ariaDisabled]=\"hint.ariaDisabled\"\n               [ariaControls]=\"hint.ariaControls\"\n               [ariaCurrent]=\"hint.ariaCurrent\"\n               [ariaLive]=\"hint.ariaLive\"\n               [ariaExpanded]=\"hint.ariaExpanded\"\n               [ariaErrorMessage]=\"hint.ariaErrorMessage\"\n               [ariaHasPopup]=\"hint.ariaHasPopup\"\n               [tabindex]=\"hint.tabindex\"></desy-hint>\n  </ng-container>\n\n  <ng-container *ngIf=\"errorMessageComponent\">\n    <ng-content select=\"desy-error-message\"></ng-content>\n  </ng-container>\n  <ng-container *ngIf=\"!errorMessageComponent && errorMessage\">\n    <desy-error-message [text]=\"errorMessage.text\" [html]=\"errorMessage.html\"\n                        [visuallyHiddenText]=\"errorMessage.visuallyHiddenText\"\n                        [id]=\"(errorId ? errorId : id + '-error')\" [classes]=\"errorMessage.classes\"\n                        [role]=\"errorMessage.role\"\n                        [ariaLabel]=\"errorMessage.ariaLabel\"\n                        [ariaDescribedBy]=\"(errorMessage.ariaDescribedBy ? errorMessage.ariaDescribedBy + '' + errorId : errorId)\"\n                        [ariaLabelledBy]=\"errorMessage.ariaLabelledBy\"\n                        [ariaHidden]=\"errorMessage.ariaHidden\"\n                        [ariaDisabled]=\"errorMessage.ariaDisabled\"\n                        [ariaControls]=\"errorMessage.ariaControls\"\n                        [ariaCurrent]=\"errorMessage.ariaCurrent\"\n                        [ariaLive]=\"errorMessage.ariaLive\"\n                        [ariaExpanded]=\"errorMessage.ariaExpanded\"\n                        [ariaErrorMessage]=\"errorMessage.ariaErrorMessage\"\n                        [ariaHasPopup]=\"errorMessage.ariaHasPopup\"\n                        [tabindex]=\"errorMessage.tabindex\"></desy-error-message>\n  </ng-container>\n</ng-template>\n\n<div class=\"lg:flex lg:justify-between lg:items-start -my-px px-base py-sm border-t border-b border-neutral-base\">\n  <ng-container *ngIf=\"getItems(); else noItems\">\n    <div class=\"lg:w-2/3\">\n      <ng-container *ngTemplateOutlet=\"commonHtml\"></ng-container>\n      <dl>\n        <div *ngFor=\"let item of getItems()\"\n            [class]=\"(item.classes ? 'flex lg-flex-wrap ' + item.classes : 'flex lg-flex-wrap')\"\n            [attr.id]=\"item.id ? item.id : null\"\n            [attr.role]=\"item.role\"\n            [attr.aria-describedby]=\"item.ariaDescribedBy\"\n            [attr.aria-errormessage]=\"item.ariaErrorMessage\"\n            [attr.aria-label]=\"item.ariaLabel\"\n            [attr.aria-labelledby]=\"item.ariaLabelledBy\"\n            [attr.aria-hidden]=\"item.ariaHidden\"\n            [attr.aria-disabled]=\"item.ariaDisabled\"\n            [attr.aria-controls]=\"item.ariaControls\"\n            [attr.aria-current]=\"item.ariaCurrent\"\n            [attr.aria-live]=\"item.ariaLive\"\n            [attr.aria-expanded]=\"item.ariaExpanded\"\n            [attr.aria-haspopup]=\"item.ariaHasPopup\">\n          <dt [class]=\"(item.term.classes ?  item.term.classes : 'w-1/2 my-sm')\"\n              [attr.id]=\"item.term.id ? item.term.id : null\"\n              [attr.role]=\"item.term.role\"\n              [attr.aria-describedby]=\"item.term.ariaDescribedBy\"\n              [attr.aria-errormessage]=\"item.term.ariaErrorMessage\"\n              [attr.aria-label]=\"item.term.ariaLabel\"\n              [attr.aria-labelledby]=\"item.term.ariaLabelledBy\"\n              [attr.aria-hidden]=\"item.term.ariaHidden\"\n              [attr.aria-disabled]=\"item.term.ariaDisabled\"\n              [attr.aria-controls]=\"item.term.ariaControls\"\n              [attr.aria-current]=\"item.term.ariaCurrent\"\n              [attr.aria-live]=\"item.term.ariaLive\"\n              [attr.aria-expanded]=\"item.term.ariaExpanded\"\n              [attr.aria-haspopup]=\"item.term.ariaHasPopup\">\n              <ng-container *desyCustomInnerContent=\"{ component: item.term, html: item.term.html, text: item.term.text}\"></ng-container>\n          </dt>\n          <dd [class]=\"(item.definition.classes ?  item.definition.classes : 'w-1/2 my-sm font-semibold')\"\n              [attr.id]=\"item.definition.id ? item.definition.id : null\"\n              [attr.role]=\"item.definition.role\"\n              [attr.aria-describedby]=\"item.definition.ariaDescribedBy\"\n              [attr.aria-errormessage]=\"item.definition.ariaErrorMessage\"\n              [attr.aria-label]=\"item.definition.ariaLabel\"\n              [attr.aria-labelledby]=\"item.definition.ariaLabelledBy\"\n              [attr.aria-hidden]=\"item.definition.ariaHidden\"\n              [attr.aria-disabled]=\"item.definition.ariaDisabled\"\n              [attr.aria-controls]=\"item.definition.ariaControls\"\n              [attr.aria-current]=\"item.definition.ariaCurrent\"\n              [attr.aria-live]=\"item.definition.ariaLive\"\n              [attr.aria-expanded]=\"item.definition.ariaExpanded\"\n              [attr.aria-haspopup]=\"item.definition.ariaHasPopup\">\n              <ng-container *desyCustomInnerContent=\"{ component: item.definition, html: item.definition.html, text: item.definition.text}\"></ng-container>\n          </dd>\n        </div>\n      </dl>\n    </div>\n  </ng-container>\n  <ng-template #noItems>\n    <div class=\"lg:w-2/3\">\n      <ng-container *ngTemplateOutlet=\"commonHtml\"></ng-container>\n    </div>\n  </ng-template>\n\n  <div class=\"lg:flex lg:flex-wrap lg:items-center lg:1/3\">\n\n    <div *ngIf=\"contentComponent || caller\" [id]=\"id + '-status-item'\"\n          [class]=\"'w-full lg:w-auto lg:text-right mt-base lg:mt-0 mb-base lg:mb-0'\">\n      <ng-container *desyCustomInnerContent=\"{ component: contentComponent, template: caller }\"></ng-container>\n    </div>\n\n    <div *ngIf=\"statusComponent || status\" class=\"mb-base lg:mb-0 ml-base py-sm\">\n      <ng-container *ngIf=\"statusComponent\">\n        <ng-content select=\"desy-status\"></ng-content>\n      </ng-container>\n      <desy-status *ngIf=\"!statusComponent && status\"\n                    [text]=\"status.text\" [icon]=\"status.icon\" [classes]=\"status.classes\" [id]=\"status.id\"\n                    [role]=\"status.role\"\n                    [ariaLabel]=\"status.ariaLabel\"\n                    [ariaDescribedBy]=\"status.ariaDescribedBy\"\n                    [ariaLabelledBy]=\"status.ariaLabelledBy\"\n                    [ariaHidden]=\"status.ariaHidden\"\n                    [ariaDisabled]=\"status.ariaDisabled\"\n                    [ariaControls]=\"status.ariaControls\"\n                    [ariaCurrent]=\"status.ariaCurrent\"\n                    [ariaLive]=\"status.ariaLive\"\n                    [ariaExpanded]=\"status.ariaExpanded\"\n                    [ariaErrorMessage]=\"status.ariaErrorMessage\"\n                    [ariaHasPopup]=\"status.ariaHasPopup\"\n                    [tabindex]=\"status.tabindex\"></desy-status>\n    </div>\n  </div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.CustomInnerContentDirective, selector: "[desyCustomInnerContent]", inputs: ["desyCustomInnerContent"] }, { kind: "component", type: i3.HintComponent, selector: "desy-hint", inputs: ["id", "classes", "html", "text"] }, { kind: "component", type: i4.ErrorMessageComponent, selector: "desy-error-message", inputs: ["id", "classes", "html", "text", "visuallyHiddenText"] }, { kind: "component", type: i5.StatusComponent, selector: "desy-status", inputs: ["text", "id", "icon", "classes"] }] });
+StatusItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: StatusItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+StatusItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: StatusItemComponent, selector: "desy-status-item", inputs: { id: "id", errorId: "errorId", describedBy: "describedBy", title: "title", hint: "hint", errorMessage: "errorMessage", items: "items", status: "status", classes: "classes", caller: "caller" }, host: { properties: { "class": "this.classes", "attr.id": "this.idData", "attr.role": "this.roleData", "attr.aria-describedby": "this.ariaDescribedbyData", "attr.aria-errormessage": "this.ariaErrormessageData", "attr.aria-label": "this.ariaLabelData", "attr.aria-labelledby": "this.ariaLabelledbyData", "attr.aria-hidden": "this.ariaHiddenData", "attr.aria-disabled": "this.ariaDisabledData", "attr.aria-controls": "this.ariaControlsData", "attr.aria-current": "this.ariaCurrentData", "attr.aria-live": "this.ariaLiveData", "attr.aria-expanded": "this.ariaExpandedData", "attr.aria-haspopup": "this.ariaHaspopupData", "attr.tabindex": "this.tabindexData" } }, queries: [{ propertyName: "titleComponent", predicate: TitleComponent }, { propertyName: "hintComponent", predicate: HintComponent }, { propertyName: "errorMessageComponent", predicate: ErrorMessageComponent }, { propertyName: "contentComponent", predicate: ContentComponent }, { propertyName: "itemComponents", predicate: DescriptionItemComponent }, { propertyName: "statusComponent", predicate: StatusComponent }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-template #commonHtml>\n  <p *ngIf=\"titleComponent || title\" [class]=\"title ?  title.classes : 'my-sm'\">\n     <ng-container *desyCustomInnerContent=\"{\n        component: titleComponent,\n        html: title ? title.html : null,\n        text: title ? title.text : null\n      }\"></ng-container>\n  </p>\n\n  <ng-container *ngIf=\"hintComponent\">\n      <ng-content select=\"desy-hint\"></ng-content>\n  </ng-container>\n  <ng-container *ngIf=\"!hintComponent && hint\">\n    <desy-hint [text]=\"hint.text\" [html]=\"hint.html\" [classes]=\"hint.classes\" [id]=\"hint.id\"\n               [role]=\"hint.role\"\n               [ariaLabel]=\"hint.ariaLabel\"\n               [ariaDescribedBy]=\"(hint.ariaDescribedBy ? hint.ariaDescribedBy + '' + hint.id : hint.id)\"\n               [ariaLabelledBy]=\"hint.ariaLabelledBy\"\n               [ariaHidden]=\"hint.ariaHidden\"\n               [ariaDisabled]=\"hint.ariaDisabled\"\n               [ariaControls]=\"hint.ariaControls\"\n               [ariaCurrent]=\"hint.ariaCurrent\"\n               [ariaLive]=\"hint.ariaLive\"\n               [ariaExpanded]=\"hint.ariaExpanded\"\n               [ariaErrorMessage]=\"hint.ariaErrorMessage\"\n               [ariaHasPopup]=\"hint.ariaHasPopup\"\n               [tabindex]=\"hint.tabindex\"></desy-hint>\n  </ng-container>\n\n  <ng-container *ngIf=\"errorMessageComponent\">\n    <ng-content select=\"desy-error-message\"></ng-content>\n  </ng-container>\n  <ng-container *ngIf=\"!errorMessageComponent && errorMessage\">\n    <desy-error-message [text]=\"errorMessage.text\" [html]=\"errorMessage.html\"\n                        [visuallyHiddenText]=\"errorMessage.visuallyHiddenText\"\n                        [id]=\"(errorId ? errorId : id + '-error')\" [classes]=\"errorMessage.classes\"\n                        [role]=\"errorMessage.role\"\n                        [ariaLabel]=\"errorMessage.ariaLabel\"\n                        [ariaDescribedBy]=\"(errorMessage.ariaDescribedBy ? errorMessage.ariaDescribedBy + '' + errorId : errorId)\"\n                        [ariaLabelledBy]=\"errorMessage.ariaLabelledBy\"\n                        [ariaHidden]=\"errorMessage.ariaHidden\"\n                        [ariaDisabled]=\"errorMessage.ariaDisabled\"\n                        [ariaControls]=\"errorMessage.ariaControls\"\n                        [ariaCurrent]=\"errorMessage.ariaCurrent\"\n                        [ariaLive]=\"errorMessage.ariaLive\"\n                        [ariaExpanded]=\"errorMessage.ariaExpanded\"\n                        [ariaErrorMessage]=\"errorMessage.ariaErrorMessage\"\n                        [ariaHasPopup]=\"errorMessage.ariaHasPopup\"\n                        [tabindex]=\"errorMessage.tabindex\"></desy-error-message>\n  </ng-container>\n</ng-template>\n\n<div class=\"lg:flex lg:justify-between lg:items-start -my-px px-base py-sm border-t border-b border-neutral-base\">\n  <ng-container *ngIf=\"getItems(); else noItems\">\n    <div class=\"lg:w-2/3\">\n      <ng-container *ngTemplateOutlet=\"commonHtml\"></ng-container>\n      <dl>\n        <div *ngFor=\"let item of getItems()\"\n            [class]=\"(item.classes ? 'flex lg-flex-wrap ' + item.classes : 'flex lg-flex-wrap')\"\n            [attr.id]=\"item.id ? item.id : null\"\n            [attr.role]=\"item.role\"\n            [attr.aria-describedby]=\"item.ariaDescribedBy\"\n            [attr.aria-errormessage]=\"item.ariaErrorMessage\"\n            [attr.aria-label]=\"item.ariaLabel\"\n            [attr.aria-labelledby]=\"item.ariaLabelledBy\"\n            [attr.aria-hidden]=\"item.ariaHidden\"\n            [attr.aria-disabled]=\"item.ariaDisabled\"\n            [attr.aria-controls]=\"item.ariaControls\"\n            [attr.aria-current]=\"item.ariaCurrent\"\n            [attr.aria-live]=\"item.ariaLive\"\n            [attr.aria-expanded]=\"item.ariaExpanded\"\n            [attr.aria-haspopup]=\"item.ariaHasPopup\">\n          <dt [class]=\"(item.term.classes ?  item.term.classes : 'w-1/2 my-sm')\"\n              [attr.id]=\"item.term.id ? item.term.id : null\"\n              [attr.role]=\"item.term.role\"\n              [attr.aria-describedby]=\"item.term.ariaDescribedBy\"\n              [attr.aria-errormessage]=\"item.term.ariaErrorMessage\"\n              [attr.aria-label]=\"item.term.ariaLabel\"\n              [attr.aria-labelledby]=\"item.term.ariaLabelledBy\"\n              [attr.aria-hidden]=\"item.term.ariaHidden\"\n              [attr.aria-disabled]=\"item.term.ariaDisabled\"\n              [attr.aria-controls]=\"item.term.ariaControls\"\n              [attr.aria-current]=\"item.term.ariaCurrent\"\n              [attr.aria-live]=\"item.term.ariaLive\"\n              [attr.aria-expanded]=\"item.term.ariaExpanded\"\n              [attr.aria-haspopup]=\"item.term.ariaHasPopup\">\n              <ng-container *desyCustomInnerContent=\"{ component: item.term, html: item.term.html, text: item.term.text}\"></ng-container>\n          </dt>\n          <dd [class]=\"(item.definition.classes ?  item.definition.classes : 'w-1/2 my-sm font-semibold')\"\n              [attr.id]=\"item.definition.id ? item.definition.id : null\"\n              [attr.role]=\"item.definition.role\"\n              [attr.aria-describedby]=\"item.definition.ariaDescribedBy\"\n              [attr.aria-errormessage]=\"item.definition.ariaErrorMessage\"\n              [attr.aria-label]=\"item.definition.ariaLabel\"\n              [attr.aria-labelledby]=\"item.definition.ariaLabelledBy\"\n              [attr.aria-hidden]=\"item.definition.ariaHidden\"\n              [attr.aria-disabled]=\"item.definition.ariaDisabled\"\n              [attr.aria-controls]=\"item.definition.ariaControls\"\n              [attr.aria-current]=\"item.definition.ariaCurrent\"\n              [attr.aria-live]=\"item.definition.ariaLive\"\n              [attr.aria-expanded]=\"item.definition.ariaExpanded\"\n              [attr.aria-haspopup]=\"item.definition.ariaHasPopup\">\n              <ng-container *desyCustomInnerContent=\"{ component: item.definition, html: item.definition.html, text: item.definition.text}\"></ng-container>\n          </dd>\n        </div>\n      </dl>\n    </div>\n  </ng-container>\n  <ng-template #noItems>\n    <div class=\"lg:w-2/3\">\n      <ng-container *ngTemplateOutlet=\"commonHtml\"></ng-container>\n    </div>\n  </ng-template>\n\n  <div class=\"lg:flex lg:flex-wrap lg:items-center lg:1/3\">\n\n    <div *ngIf=\"contentComponent || caller\" [id]=\"id + '-status-item'\"\n          [class]=\"'w-full lg:w-auto lg:text-right mt-base lg:mt-0 mb-base lg:mb-0'\">\n      <ng-container *desyCustomInnerContent=\"{ component: contentComponent, template: caller }\"></ng-container>\n    </div>\n\n    <div *ngIf=\"statusComponent || status\" class=\"mb-base lg:mb-0 ml-base py-sm\">\n      <ng-container *ngIf=\"statusComponent\">\n        <ng-content select=\"desy-status\"></ng-content>\n      </ng-container>\n      <desy-status *ngIf=\"!statusComponent && status\"\n                    [text]=\"status.text\" [icon]=\"status.icon\" [classes]=\"status.classes\" [id]=\"status.id\"\n                    [role]=\"status.role\"\n                    [ariaLabel]=\"status.ariaLabel\"\n                    [ariaDescribedBy]=\"status.ariaDescribedBy\"\n                    [ariaLabelledBy]=\"status.ariaLabelledBy\"\n                    [ariaHidden]=\"status.ariaHidden\"\n                    [ariaDisabled]=\"status.ariaDisabled\"\n                    [ariaControls]=\"status.ariaControls\"\n                    [ariaCurrent]=\"status.ariaCurrent\"\n                    [ariaLive]=\"status.ariaLive\"\n                    [ariaExpanded]=\"status.ariaExpanded\"\n                    [ariaErrorMessage]=\"status.ariaErrorMessage\"\n                    [ariaHasPopup]=\"status.ariaHasPopup\"\n                    [tabindex]=\"status.tabindex\"></desy-status>\n    </div>\n  </div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.CustomInnerContentDirective, selector: "[desyCustomInnerContent]", inputs: ["desyCustomInnerContent"] }, { kind: "component", type: i3.HintComponent, selector: "desy-hint", inputs: ["id", "classes", "html", "text"] }, { kind: "component", type: i4.ErrorMessageComponent, selector: "desy-error-message", inputs: ["id", "classes", "html", "text", "visuallyHiddenText"] }, { kind: "component", type: i5.StatusComponent, selector: "desy-status", inputs: ["text", "id", "icon", "classes"] }] });
 __decorate([
     DesyContentChild()
 ], StatusItemComponent.prototype, "titleComponent", void 0);
@@ -53,7 +53,7 @@ __decorate([
 __decorate([
     DesyContentChild()
 ], StatusItemComponent.prototype, "statusComponent", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: StatusItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: StatusItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'desy-status-item', template: "<ng-template #commonHtml>\n  <p *ngIf=\"titleComponent || title\" [class]=\"title ?  title.classes : 'my-sm'\">\n     <ng-container *desyCustomInnerContent=\"{\n        component: titleComponent,\n        html: title ? title.html : null,\n        text: title ? title.text : null\n      }\"></ng-container>\n  </p>\n\n  <ng-container *ngIf=\"hintComponent\">\n      <ng-content select=\"desy-hint\"></ng-content>\n  </ng-container>\n  <ng-container *ngIf=\"!hintComponent && hint\">\n    <desy-hint [text]=\"hint.text\" [html]=\"hint.html\" [classes]=\"hint.classes\" [id]=\"hint.id\"\n               [role]=\"hint.role\"\n               [ariaLabel]=\"hint.ariaLabel\"\n               [ariaDescribedBy]=\"(hint.ariaDescribedBy ? hint.ariaDescribedBy + '' + hint.id : hint.id)\"\n               [ariaLabelledBy]=\"hint.ariaLabelledBy\"\n               [ariaHidden]=\"hint.ariaHidden\"\n               [ariaDisabled]=\"hint.ariaDisabled\"\n               [ariaControls]=\"hint.ariaControls\"\n               [ariaCurrent]=\"hint.ariaCurrent\"\n               [ariaLive]=\"hint.ariaLive\"\n               [ariaExpanded]=\"hint.ariaExpanded\"\n               [ariaErrorMessage]=\"hint.ariaErrorMessage\"\n               [ariaHasPopup]=\"hint.ariaHasPopup\"\n               [tabindex]=\"hint.tabindex\"></desy-hint>\n  </ng-container>\n\n  <ng-container *ngIf=\"errorMessageComponent\">\n    <ng-content select=\"desy-error-message\"></ng-content>\n  </ng-container>\n  <ng-container *ngIf=\"!errorMessageComponent && errorMessage\">\n    <desy-error-message [text]=\"errorMessage.text\" [html]=\"errorMessage.html\"\n                        [visuallyHiddenText]=\"errorMessage.visuallyHiddenText\"\n                        [id]=\"(errorId ? errorId : id + '-error')\" [classes]=\"errorMessage.classes\"\n                        [role]=\"errorMessage.role\"\n                        [ariaLabel]=\"errorMessage.ariaLabel\"\n                        [ariaDescribedBy]=\"(errorMessage.ariaDescribedBy ? errorMessage.ariaDescribedBy + '' + errorId : errorId)\"\n                        [ariaLabelledBy]=\"errorMessage.ariaLabelledBy\"\n                        [ariaHidden]=\"errorMessage.ariaHidden\"\n                        [ariaDisabled]=\"errorMessage.ariaDisabled\"\n                        [ariaControls]=\"errorMessage.ariaControls\"\n                        [ariaCurrent]=\"errorMessage.ariaCurrent\"\n                        [ariaLive]=\"errorMessage.ariaLive\"\n                        [ariaExpanded]=\"errorMessage.ariaExpanded\"\n                        [ariaErrorMessage]=\"errorMessage.ariaErrorMessage\"\n                        [ariaHasPopup]=\"errorMessage.ariaHasPopup\"\n                        [tabindex]=\"errorMessage.tabindex\"></desy-error-message>\n  </ng-container>\n</ng-template>\n\n<div class=\"lg:flex lg:justify-between lg:items-start -my-px px-base py-sm border-t border-b border-neutral-base\">\n  <ng-container *ngIf=\"getItems(); else noItems\">\n    <div class=\"lg:w-2/3\">\n      <ng-container *ngTemplateOutlet=\"commonHtml\"></ng-container>\n      <dl>\n        <div *ngFor=\"let item of getItems()\"\n            [class]=\"(item.classes ? 'flex lg-flex-wrap ' + item.classes : 'flex lg-flex-wrap')\"\n            [attr.id]=\"item.id ? item.id : null\"\n            [attr.role]=\"item.role\"\n            [attr.aria-describedby]=\"item.ariaDescribedBy\"\n            [attr.aria-errormessage]=\"item.ariaErrorMessage\"\n            [attr.aria-label]=\"item.ariaLabel\"\n            [attr.aria-labelledby]=\"item.ariaLabelledBy\"\n            [attr.aria-hidden]=\"item.ariaHidden\"\n            [attr.aria-disabled]=\"item.ariaDisabled\"\n            [attr.aria-controls]=\"item.ariaControls\"\n            [attr.aria-current]=\"item.ariaCurrent\"\n            [attr.aria-live]=\"item.ariaLive\"\n            [attr.aria-expanded]=\"item.ariaExpanded\"\n            [attr.aria-haspopup]=\"item.ariaHasPopup\">\n          <dt [class]=\"(item.term.classes ?  item.term.classes : 'w-1/2 my-sm')\"\n              [attr.id]=\"item.term.id ? item.term.id : null\"\n              [attr.role]=\"item.term.role\"\n              [attr.aria-describedby]=\"item.term.ariaDescribedBy\"\n              [attr.aria-errormessage]=\"item.term.ariaErrorMessage\"\n              [attr.aria-label]=\"item.term.ariaLabel\"\n              [attr.aria-labelledby]=\"item.term.ariaLabelledBy\"\n              [attr.aria-hidden]=\"item.term.ariaHidden\"\n              [attr.aria-disabled]=\"item.term.ariaDisabled\"\n              [attr.aria-controls]=\"item.term.ariaControls\"\n              [attr.aria-current]=\"item.term.ariaCurrent\"\n              [attr.aria-live]=\"item.term.ariaLive\"\n              [attr.aria-expanded]=\"item.term.ariaExpanded\"\n              [attr.aria-haspopup]=\"item.term.ariaHasPopup\">\n              <ng-container *desyCustomInnerContent=\"{ component: item.term, html: item.term.html, text: item.term.text}\"></ng-container>\n          </dt>\n          <dd [class]=\"(item.definition.classes ?  item.definition.classes : 'w-1/2 my-sm font-semibold')\"\n              [attr.id]=\"item.definition.id ? item.definition.id : null\"\n              [attr.role]=\"item.definition.role\"\n              [attr.aria-describedby]=\"item.definition.ariaDescribedBy\"\n              [attr.aria-errormessage]=\"item.definition.ariaErrorMessage\"\n              [attr.aria-label]=\"item.definition.ariaLabel\"\n              [attr.aria-labelledby]=\"item.definition.ariaLabelledBy\"\n              [attr.aria-hidden]=\"item.definition.ariaHidden\"\n              [attr.aria-disabled]=\"item.definition.ariaDisabled\"\n              [attr.aria-controls]=\"item.definition.ariaControls\"\n              [attr.aria-current]=\"item.definition.ariaCurrent\"\n              [attr.aria-live]=\"item.definition.ariaLive\"\n              [attr.aria-expanded]=\"item.definition.ariaExpanded\"\n              [attr.aria-haspopup]=\"item.definition.ariaHasPopup\">\n              <ng-container *desyCustomInnerContent=\"{ component: item.definition, html: item.definition.html, text: item.definition.text}\"></ng-container>\n          </dd>\n        </div>\n      </dl>\n    </div>\n  </ng-container>\n  <ng-template #noItems>\n    <div class=\"lg:w-2/3\">\n      <ng-container *ngTemplateOutlet=\"commonHtml\"></ng-container>\n    </div>\n  </ng-template>\n\n  <div class=\"lg:flex lg:flex-wrap lg:items-center lg:1/3\">\n\n    <div *ngIf=\"contentComponent || caller\" [id]=\"id + '-status-item'\"\n          [class]=\"'w-full lg:w-auto lg:text-right mt-base lg:mt-0 mb-base lg:mb-0'\">\n      <ng-container *desyCustomInnerContent=\"{ component: contentComponent, template: caller }\"></ng-container>\n    </div>\n\n    <div *ngIf=\"statusComponent || status\" class=\"mb-base lg:mb-0 ml-base py-sm\">\n      <ng-container *ngIf=\"statusComponent\">\n        <ng-content select=\"desy-status\"></ng-content>\n      </ng-container>\n      <desy-status *ngIf=\"!statusComponent && status\"\n                    [text]=\"status.text\" [icon]=\"status.icon\" [classes]=\"status.classes\" [id]=\"status.id\"\n                    [role]=\"status.role\"\n                    [ariaLabel]=\"status.ariaLabel\"\n                    [ariaDescribedBy]=\"status.ariaDescribedBy\"\n                    [ariaLabelledBy]=\"status.ariaLabelledBy\"\n                    [ariaHidden]=\"status.ariaHidden\"\n                    [ariaDisabled]=\"status.ariaDisabled\"\n                    [ariaControls]=\"status.ariaControls\"\n                    [ariaCurrent]=\"status.ariaCurrent\"\n                    [ariaLive]=\"status.ariaLive\"\n                    [ariaExpanded]=\"status.ariaExpanded\"\n                    [ariaErrorMessage]=\"status.ariaErrorMessage\"\n                    [ariaHasPopup]=\"status.ariaHasPopup\"\n                    [tabindex]=\"status.tabindex\"></desy-status>\n    </div>\n  </div>\n</div>" }]
         }], propDecorators: { id: [{

package/esm2020/lib/desy-views/components/tabs/panel/panel.component.mjs

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

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

@@ -7,15 +7,15 @@ import { AccessibilityComponent } from '../../../../shared/components';
 import * as i0 from "@angular/core";
 export class TabItemComponent extends AccessibilityComponent {
 }
-TabItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TabItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-TabItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: TabItemComponent, selector: "desy-tab-item", inputs: { classes: "classes", disabled: "disabled", id: "id" }, queries: [{ propertyName: "contentComponent", predicate: ContentComponent }, { propertyName: "panelComponent", predicate: PanelComponent }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
+TabItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TabItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+TabItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TabItemComponent, selector: "desy-tab-item", inputs: { classes: "classes", disabled: "disabled", id: "id" }, queries: [{ propertyName: "contentComponent", predicate: ContentComponent }, { propertyName: "panelComponent", predicate: PanelComponent }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
 __decorate([
     DesyContentChild()
 ], TabItemComponent.prototype, "contentComponent", void 0);
 __decorate([
     DesyContentChild()
 ], TabItemComponent.prototype, "panelComponent", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TabItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TabItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'desy-tab-item',

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

@@ -119,9 +119,9 @@ export class TabsComponent extends AccessibilityComponent {
         return item[tab].panel && item[tab].panel.text ? `<p>${StringUtils.escapeHtml(item[tab].panel.text)}</p>` : null;
     }
 }
-TabsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TabsComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.MediaMatcher }], target: i0.ɵɵFactoryTarget.Component });
-TabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: TabsComponent, selector: "desy-tabs", inputs: { id: "id", idPrefix: "idPrefix", headingLevel: "headingLevel", title: "title", tablistAriaLabel: "tablistAriaLabel", items: "items", classes: "classes" }, host: { properties: { "class": "this.classes", "attr.id": "this.idData", "attr.role": "this.roleData", "attr.aria-describedby": "this.ariaDescribedbyData", "attr.aria-errormessage": "this.ariaErrormessageData", "attr.aria-label": "this.ariaLabelData", "attr.aria-labelledby": "this.ariaLabelledbyData", "attr.aria-hidden": "this.ariaHiddenData", "attr.aria-disabled": "this.ariaDisabledData", "attr.aria-controls": "this.ariaControlsData", "attr.aria-current": "this.ariaCurrentData", "attr.aria-live": "this.ariaLiveData", "attr.aria-expanded": "this.ariaExpandedData", "attr.aria-haspopup": "this.ariaHaspopupData", "attr.tabindex": "this.tabindexData" } }, queries: [{ propertyName: "itemComponents", predicate: TabItemComponent }], viewQueries: [{ propertyName: "tabSrOnly", first: true, predicate: ["tabSrOnly"], descendants: true }, { propertyName: "tabSelectors", predicate: ["tabSelector"], descendants: true }, { propertyName: "tabSelectorContentWrapper", predicate: ["tabSelectorContentWrapper"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"title\">\n  <ng-container [ngSwitch]=\"headingLevel\">\n    <h1 *ngSwitchCase=\"1\" class=\"lg:hidden mb-sm text-sm\">{{title}}</h1>\n    <h2 *ngSwitchCase=\"2\" class=\"lg:hidden mb-sm text-sm\">{{title}}</h2>\n    <h3 *ngSwitchCase=\"3\" class=\"lg:hidden mb-sm text-sm\">{{title}}</h3>\n    <h4 *ngSwitchCase=\"4\" class=\"lg:hidden mb-sm text-sm\">{{title}}</h4>\n    <h5 *ngSwitchCase=\"5\" class=\"lg:hidden mb-sm text-sm\">{{title}}</h5>\n    <h2 *ngSwitchDefault class=\"lg:hidden mb-sm text-sm\">{{title}}</h2>\n  </ng-container>\n</ng-container>\n<ng-container *ngIf=\"!title\">\n    <ng-container [ngSwitch]=\"headingLevel\">\n      <h1 *ngSwitchCase=\"1\" class=\"lg:hidden mb-sm text-sm\">Contenido</h1>\n      <h2 *ngSwitchCase=\"2\" class=\"lg:hidden mb-sm text-sm\">Contenido</h2>\n      <h3 *ngSwitchCase=\"3\" class=\"lg:hidden mb-sm text-sm\">Contenido</h3>\n      <h4 *ngSwitchCase=\"4\" class=\"lg:hidden mb-sm text-sm\">Contenido</h4>\n      <h5 *ngSwitchCase=\"5\" class=\"lg:hidden mb-sm text-sm\">Contenido</h5>\n      <h2 *ngSwitchDefault class=\"lg:hidden mb-sm text-sm\">Contenido</h2>\n    </ng-container>\n</ng-container>\n\n<ng-container *ngIf=\"getItems()\">\n  <div class=\"c-tabs lg:flex lg:flex-wrap mb-[-0.125rem]\" role=\"tablist\" [attr.aria-label]=tablistAriaLabel>\n      <ng-container *ngFor=\"let item of getItems(); index as i\">\n              <button #tabSelector\n                      (click)=\"selectTab(i)\"\n                      (keydown.home)=\"focusFirstTab($event)\"\n                      (keydown.end)=\"focusLastTab($event)\"\n                      (keydown.arrowleft)=\"focusPreviousTab(i)\"\n                      (keydown.arrowright)=\"focusNextTab(i)\"\n                      class=\"aria-selected:bg-white aria-selected:rounded-t-[0.1875rem] aria-selected:border-b-0 relative flex items-center text-black underline truncate border border-transparent aria-selected:no-underline py-sm lg:px-lg lg:py-base hover:text-primary-base focus:outline-none\"\n                      [ngClass]=\"{'opacity-50 pointer-events-none': isDisabled(item), 'aria-selected:border-[rgb(146_148_155/1)]' : !this.mobileQuery.matches}\"\n                      [attr.id]=\"getItemId(i)\"\n                      [attr.role]=\"(item.role ? role : 'tab')\"\n                      [attr.aria-selected]=\"currentTab === i ? 'true' : 'false'\"\n                      [attr.aria-describedby]=\"item.ariaDescribedBy\"\n                      [attr.aria-errormessage]=\"item.ariaErrorMessage\"\n                      [attr.aria-label]=\"item.ariaLabel\"\n                      [attr.aria-labelledby]=\"item.ariaLabelledBy\"\n                      [attr.aria-hidden]=\"item.ariaHidden\"\n                      [attr.aria-controls]=\"'tab-' + getItemId(i)\"\n                      [attr.aria-current]=\"item.ariaCurrent\"\n                      [attr.aria-live]=\"item.ariaLive\"\n                      [attr.aria-expanded]=\"item.ariaExpanded\"\n                      [attr.aria-haspopup]=\"item.ariaHasPopup\"\n                      [attr.tabindex]=\"(currentTab !== i || item.disabled ? '-1' : null)\"\n                      [attr.disabled]=\"isDisabled(item)\"\n                      [attr.aria-disabled]=\"isDisabled(item) ? 'true' : (ariaDisabled ? ariaDisabled : null)\">\n                  <span #tabSelectorContentWrapper class=\"flex items-center pointer-events-none\">\n                    <ng-container *desyCustomInnerContent=\"{ component: item.contentComponent, html: item.html, text: item.text}\"></ng-container>\n                  </span>\n              </button>\n      </ng-container>\n  </div>\n\n  <div [class]=\"['p-base mt-base lg:mt-0 border border-neutral-base focus:outline-none focus:border-black focus:shadow-outline-focus-input focus:ring-4 focus:ring-warning-base', currentPanel?.classes] | makeHtmlList\"\n        [attr.id]=\"'tab-' + getItemId(currentTab)\"\n        [attr.role]=\"(currentPanel?.role ? currentPanel?.role : 'tabpanel')\"\n        [attr.aria-describedby]=\"currentPanel?.ariaDescribedBy\"\n        [attr.aria-errormessage]=\"currentPanel?.ariaErrorMessage\"\n        [attr.aria-label]=\"currentPanel?.ariaLabel\"\n        [attr.aria-labelledby]=\"getItemId(currentTab)\"\n        [attr.aria-hidden]=\"currentPanel?.ariaHidden\"\n        [attr.aria-disabled]=\"currentPanel?.ariaDisabled\"\n        [attr.aria-controls]=\"currentPanel?.ariaControls\"\n        [attr.aria-current]=\"currentPanel?.ariaCurrent\"\n        [attr.aria-live]=\"currentPanel?.ariaLive\"\n        [attr.aria-expanded]=\"currentPanel?.ariaExpanded\"\n        [attr.aria-haspopup]=\"currentPanel?.ariaHasPopup\"\n        [attr.tabindex]=\"(currentPanel?.tabindex ? currentPanel?.tabindex : '0')\">\n    <ng-container [ngSwitch]=\"headingLevel\">\n      <h1 *ngSwitchCase=\"1\" #tabSrOnly class=\"lg:sr-only inline-flex items-center mb-base lg:mb-0 font-semibold\"></h1>\n      <h2 *ngSwitchCase=\"2\" #tabSrOnly class=\"lg:sr-only inline-flex items-center mb-base lg:mb-0 font-semibold\"></h2>\n      <h3 *ngSwitchCase=\"3\" #tabSrOnly class=\"lg:sr-only inline-flex items-center mb-base lg:mb-0 font-semibold\"></h3>\n      <h4 *ngSwitchCase=\"4\" #tabSrOnly class=\"lg:sr-only inline-flex items-center mb-base lg:mb-0 font-semibold\"></h4>\n      <h5 *ngSwitchCase=\"5\" #tabSrOnly class=\"lg:sr-only inline-flex items-center mb-base lg:mb-0 font-semibold\"></h5>\n      <h3 *ngSwitchDefault #tabSrOnly class=\"lg:sr-only inline-flex items-center mb-base lg:mb-0 font-semibold\"></h3>\n    </ng-container>\n    <ng-container *desyCustomInnerContent=\"{ component: getItemPanel(currentTab), template: currentPanel?.html, html: getPanelContent(currentTab) }\"></ng-container>\n  </div>\n</ng-container>", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i3.CustomInnerContentDirective, selector: "[desyCustomInnerContent]", inputs: ["desyCustomInnerContent"] }, { kind: "pipe", type: i4.MakeHtmlListPipe, name: "makeHtmlList" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TabsComponent, decorators: [{
+TabsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TabsComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.MediaMatcher }], target: i0.ɵɵFactoryTarget.Component });
+TabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TabsComponent, selector: "desy-tabs", inputs: { id: "id", idPrefix: "idPrefix", headingLevel: "headingLevel", title: "title", tablistAriaLabel: "tablistAriaLabel", items: "items", classes: "classes" }, host: { properties: { "class": "this.classes", "attr.id": "this.idData", "attr.role": "this.roleData", "attr.aria-describedby": "this.ariaDescribedbyData", "attr.aria-errormessage": "this.ariaErrormessageData", "attr.aria-label": "this.ariaLabelData", "attr.aria-labelledby": "this.ariaLabelledbyData", "attr.aria-hidden": "this.ariaHiddenData", "attr.aria-disabled": "this.ariaDisabledData", "attr.aria-controls": "this.ariaControlsData", "attr.aria-current": "this.ariaCurrentData", "attr.aria-live": "this.ariaLiveData", "attr.aria-expanded": "this.ariaExpandedData", "attr.aria-haspopup": "this.ariaHaspopupData", "attr.tabindex": "this.tabindexData" } }, queries: [{ propertyName: "itemComponents", predicate: TabItemComponent }], viewQueries: [{ propertyName: "tabSrOnly", first: true, predicate: ["tabSrOnly"], descendants: true }, { propertyName: "tabSelectors", predicate: ["tabSelector"], descendants: true }, { propertyName: "tabSelectorContentWrapper", predicate: ["tabSelectorContentWrapper"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"title\">\n  <ng-container [ngSwitch]=\"headingLevel\">\n    <h1 *ngSwitchCase=\"1\" class=\"lg:hidden mb-sm text-sm\">{{title}}</h1>\n    <h2 *ngSwitchCase=\"2\" class=\"lg:hidden mb-sm text-sm\">{{title}}</h2>\n    <h3 *ngSwitchCase=\"3\" class=\"lg:hidden mb-sm text-sm\">{{title}}</h3>\n    <h4 *ngSwitchCase=\"4\" class=\"lg:hidden mb-sm text-sm\">{{title}}</h4>\n    <h5 *ngSwitchCase=\"5\" class=\"lg:hidden mb-sm text-sm\">{{title}}</h5>\n    <h2 *ngSwitchDefault class=\"lg:hidden mb-sm text-sm\">{{title}}</h2>\n  </ng-container>\n</ng-container>\n<ng-container *ngIf=\"!title\">\n    <ng-container [ngSwitch]=\"headingLevel\">\n      <h1 *ngSwitchCase=\"1\" class=\"lg:hidden mb-sm text-sm\">Contenido</h1>\n      <h2 *ngSwitchCase=\"2\" class=\"lg:hidden mb-sm text-sm\">Contenido</h2>\n      <h3 *ngSwitchCase=\"3\" class=\"lg:hidden mb-sm text-sm\">Contenido</h3>\n      <h4 *ngSwitchCase=\"4\" class=\"lg:hidden mb-sm text-sm\">Contenido</h4>\n      <h5 *ngSwitchCase=\"5\" class=\"lg:hidden mb-sm text-sm\">Contenido</h5>\n      <h2 *ngSwitchDefault class=\"lg:hidden mb-sm text-sm\">Contenido</h2>\n    </ng-container>\n</ng-container>\n\n<ng-container *ngIf=\"getItems()\">\n  <div class=\"c-tabs lg:flex lg:flex-wrap mb-[-0.125rem]\" role=\"tablist\" [attr.aria-label]=tablistAriaLabel>\n      <ng-container *ngFor=\"let item of getItems(); index as i\">\n              <button #tabSelector\n                      (click)=\"selectTab(i)\"\n                      (keydown.home)=\"focusFirstTab($event)\"\n                      (keydown.end)=\"focusLastTab($event)\"\n                      (keydown.arrowleft)=\"focusPreviousTab(i)\"\n                      (keydown.arrowright)=\"focusNextTab(i)\"\n                      class=\"aria-selected:bg-white aria-selected:rounded-t-[0.1875rem] aria-selected:border-b-0 relative flex items-center text-black underline truncate border border-transparent aria-selected:no-underline py-sm lg:px-lg lg:py-base hover:text-primary-base focus:outline-none\"\n                      [ngClass]=\"{'opacity-50 pointer-events-none': isDisabled(item), 'aria-selected:border-[rgb(146_148_155/1)]' : !this.mobileQuery.matches}\"\n                      [attr.id]=\"getItemId(i)\"\n                      [attr.role]=\"(item.role ? role : 'tab')\"\n                      [attr.aria-selected]=\"currentTab === i ? 'true' : 'false'\"\n                      [attr.aria-describedby]=\"item.ariaDescribedBy\"\n                      [attr.aria-errormessage]=\"item.ariaErrorMessage\"\n                      [attr.aria-label]=\"item.ariaLabel\"\n                      [attr.aria-labelledby]=\"item.ariaLabelledBy\"\n                      [attr.aria-hidden]=\"item.ariaHidden\"\n                      [attr.aria-controls]=\"'tab-' + getItemId(i)\"\n                      [attr.aria-current]=\"item.ariaCurrent\"\n                      [attr.aria-live]=\"item.ariaLive\"\n                      [attr.aria-expanded]=\"item.ariaExpanded\"\n                      [attr.aria-haspopup]=\"item.ariaHasPopup\"\n                      [attr.tabindex]=\"(currentTab !== i || item.disabled ? '-1' : null)\"\n                      [attr.disabled]=\"isDisabled(item)\"\n                      [attr.aria-disabled]=\"isDisabled(item) ? 'true' : (ariaDisabled ? ariaDisabled : null)\">\n                  <span #tabSelectorContentWrapper class=\"flex items-center pointer-events-none\">\n                    <ng-container *desyCustomInnerContent=\"{ component: item.contentComponent, html: item.html, text: item.text}\"></ng-container>\n                  </span>\n              </button>\n      </ng-container>\n  </div>\n\n  <div [class]=\"['p-base mt-base lg:mt-0 border border-neutral-base focus:outline-none focus:border-black focus:shadow-outline-focus-input focus:ring-4 focus:ring-warning-base', currentPanel?.classes] | makeHtmlList\"\n        [attr.id]=\"'tab-' + getItemId(currentTab)\"\n        [attr.role]=\"(currentPanel?.role ? currentPanel?.role : 'tabpanel')\"\n        [attr.aria-describedby]=\"currentPanel?.ariaDescribedBy\"\n        [attr.aria-errormessage]=\"currentPanel?.ariaErrorMessage\"\n        [attr.aria-label]=\"currentPanel?.ariaLabel\"\n        [attr.aria-labelledby]=\"getItemId(currentTab)\"\n        [attr.aria-hidden]=\"currentPanel?.ariaHidden\"\n        [attr.aria-disabled]=\"currentPanel?.ariaDisabled\"\n        [attr.aria-controls]=\"currentPanel?.ariaControls\"\n        [attr.aria-current]=\"currentPanel?.ariaCurrent\"\n        [attr.aria-live]=\"currentPanel?.ariaLive\"\n        [attr.aria-expanded]=\"currentPanel?.ariaExpanded\"\n        [attr.aria-haspopup]=\"currentPanel?.ariaHasPopup\"\n        [attr.tabindex]=\"(currentPanel?.tabindex ? currentPanel?.tabindex : '0')\">\n    <ng-container [ngSwitch]=\"headingLevel\">\n      <h1 *ngSwitchCase=\"1\" #tabSrOnly class=\"lg:sr-only inline-flex items-center mb-base lg:mb-0 font-semibold\"></h1>\n      <h2 *ngSwitchCase=\"2\" #tabSrOnly class=\"lg:sr-only inline-flex items-center mb-base lg:mb-0 font-semibold\"></h2>\n      <h3 *ngSwitchCase=\"3\" #tabSrOnly class=\"lg:sr-only inline-flex items-center mb-base lg:mb-0 font-semibold\"></h3>\n      <h4 *ngSwitchCase=\"4\" #tabSrOnly class=\"lg:sr-only inline-flex items-center mb-base lg:mb-0 font-semibold\"></h4>\n      <h5 *ngSwitchCase=\"5\" #tabSrOnly class=\"lg:sr-only inline-flex items-center mb-base lg:mb-0 font-semibold\"></h5>\n      <h3 *ngSwitchDefault #tabSrOnly class=\"lg:sr-only inline-flex items-center mb-base lg:mb-0 font-semibold\"></h3>\n    </ng-container>\n    <ng-container *desyCustomInnerContent=\"{ component: getItemPanel(currentTab), template: currentPanel?.html, html: getPanelContent(currentTab) }\"></ng-container>\n  </div>\n</ng-container>", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i3.CustomInnerContentDirective, selector: "[desyCustomInnerContent]", inputs: ["desyCustomInnerContent"] }, { kind: "pipe", type: i4.MakeHtmlListPipe, name: "makeHtmlList" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TabsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'desy-tabs', template: "<ng-container *ngIf=\"title\">\n  <ng-container [ngSwitch]=\"headingLevel\">\n    <h1 *ngSwitchCase=\"1\" class=\"lg:hidden mb-sm text-sm\">{{title}}</h1>\n    <h2 *ngSwitchCase=\"2\" class=\"lg:hidden mb-sm text-sm\">{{title}}</h2>\n    <h3 *ngSwitchCase=\"3\" class=\"lg:hidden mb-sm text-sm\">{{title}}</h3>\n    <h4 *ngSwitchCase=\"4\" class=\"lg:hidden mb-sm text-sm\">{{title}}</h4>\n    <h5 *ngSwitchCase=\"5\" class=\"lg:hidden mb-sm text-sm\">{{title}}</h5>\n    <h2 *ngSwitchDefault class=\"lg:hidden mb-sm text-sm\">{{title}}</h2>\n  </ng-container>\n</ng-container>\n<ng-container *ngIf=\"!title\">\n    <ng-container [ngSwitch]=\"headingLevel\">\n      <h1 *ngSwitchCase=\"1\" class=\"lg:hidden mb-sm text-sm\">Contenido</h1>\n      <h2 *ngSwitchCase=\"2\" class=\"lg:hidden mb-sm text-sm\">Contenido</h2>\n      <h3 *ngSwitchCase=\"3\" class=\"lg:hidden mb-sm text-sm\">Contenido</h3>\n      <h4 *ngSwitchCase=\"4\" class=\"lg:hidden mb-sm text-sm\">Contenido</h4>\n      <h5 *ngSwitchCase=\"5\" class=\"lg:hidden mb-sm text-sm\">Contenido</h5>\n      <h2 *ngSwitchDefault class=\"lg:hidden mb-sm text-sm\">Contenido</h2>\n    </ng-container>\n</ng-container>\n\n<ng-container *ngIf=\"getItems()\">\n  <div class=\"c-tabs lg:flex lg:flex-wrap mb-[-0.125rem]\" role=\"tablist\" [attr.aria-label]=tablistAriaLabel>\n      <ng-container *ngFor=\"let item of getItems(); index as i\">\n              <button #tabSelector\n                      (click)=\"selectTab(i)\"\n                      (keydown.home)=\"focusFirstTab($event)\"\n                      (keydown.end)=\"focusLastTab($event)\"\n                      (keydown.arrowleft)=\"focusPreviousTab(i)\"\n                      (keydown.arrowright)=\"focusNextTab(i)\"\n                      class=\"aria-selected:bg-white aria-selected:rounded-t-[0.1875rem] aria-selected:border-b-0 relative flex items-center text-black underline truncate border border-transparent aria-selected:no-underline py-sm lg:px-lg lg:py-base hover:text-primary-base focus:outline-none\"\n                      [ngClass]=\"{'opacity-50 pointer-events-none': isDisabled(item), 'aria-selected:border-[rgb(146_148_155/1)]' : !this.mobileQuery.matches}\"\n                      [attr.id]=\"getItemId(i)\"\n                      [attr.role]=\"(item.role ? role : 'tab')\"\n                      [attr.aria-selected]=\"currentTab === i ? 'true' : 'false'\"\n                      [attr.aria-describedby]=\"item.ariaDescribedBy\"\n                      [attr.aria-errormessage]=\"item.ariaErrorMessage\"\n                      [attr.aria-label]=\"item.ariaLabel\"\n                      [attr.aria-labelledby]=\"item.ariaLabelledBy\"\n                      [attr.aria-hidden]=\"item.ariaHidden\"\n                      [attr.aria-controls]=\"'tab-' + getItemId(i)\"\n                      [attr.aria-current]=\"item.ariaCurrent\"\n                      [attr.aria-live]=\"item.ariaLive\"\n                      [attr.aria-expanded]=\"item.ariaExpanded\"\n                      [attr.aria-haspopup]=\"item.ariaHasPopup\"\n                      [attr.tabindex]=\"(currentTab !== i || item.disabled ? '-1' : null)\"\n                      [attr.disabled]=\"isDisabled(item)\"\n                      [attr.aria-disabled]=\"isDisabled(item) ? 'true' : (ariaDisabled ? ariaDisabled : null)\">\n                  <span #tabSelectorContentWrapper class=\"flex items-center pointer-events-none\">\n                    <ng-container *desyCustomInnerContent=\"{ component: item.contentComponent, html: item.html, text: item.text}\"></ng-container>\n                  </span>\n              </button>\n      </ng-container>\n  </div>\n\n  <div [class]=\"['p-base mt-base lg:mt-0 border border-neutral-base focus:outline-none focus:border-black focus:shadow-outline-focus-input focus:ring-4 focus:ring-warning-base', currentPanel?.classes] | makeHtmlList\"\n        [attr.id]=\"'tab-' + getItemId(currentTab)\"\n        [attr.role]=\"(currentPanel?.role ? currentPanel?.role : 'tabpanel')\"\n        [attr.aria-describedby]=\"currentPanel?.ariaDescribedBy\"\n        [attr.aria-errormessage]=\"currentPanel?.ariaErrorMessage\"\n        [attr.aria-label]=\"currentPanel?.ariaLabel\"\n        [attr.aria-labelledby]=\"getItemId(currentTab)\"\n        [attr.aria-hidden]=\"currentPanel?.ariaHidden\"\n        [attr.aria-disabled]=\"currentPanel?.ariaDisabled\"\n        [attr.aria-controls]=\"currentPanel?.ariaControls\"\n        [attr.aria-current]=\"currentPanel?.ariaCurrent\"\n        [attr.aria-live]=\"currentPanel?.ariaLive\"\n        [attr.aria-expanded]=\"currentPanel?.ariaExpanded\"\n        [attr.aria-haspopup]=\"currentPanel?.ariaHasPopup\"\n        [attr.tabindex]=\"(currentPanel?.tabindex ? currentPanel?.tabindex : '0')\">\n    <ng-container [ngSwitch]=\"headingLevel\">\n      <h1 *ngSwitchCase=\"1\" #tabSrOnly class=\"lg:sr-only inline-flex items-center mb-base lg:mb-0 font-semibold\"></h1>\n      <h2 *ngSwitchCase=\"2\" #tabSrOnly class=\"lg:sr-only inline-flex items-center mb-base lg:mb-0 font-semibold\"></h2>\n      <h3 *ngSwitchCase=\"3\" #tabSrOnly class=\"lg:sr-only inline-flex items-center mb-base lg:mb-0 font-semibold\"></h3>\n      <h4 *ngSwitchCase=\"4\" #tabSrOnly class=\"lg:sr-only inline-flex items-center mb-base lg:mb-0 font-semibold\"></h4>\n      <h5 *ngSwitchCase=\"5\" #tabSrOnly class=\"lg:sr-only inline-flex items-center mb-base lg:mb-0 font-semibold\"></h5>\n      <h3 *ngSwitchDefault #tabSrOnly class=\"lg:sr-only inline-flex items-center mb-base lg:mb-0 font-semibold\"></h3>\n    </ng-container>\n    <ng-container *desyCustomInnerContent=\"{ component: getItemPanel(currentTab), template: currentPanel?.html, html: getPanelContent(currentTab) }\"></ng-container>\n  </div>\n</ng-container>" }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.MediaMatcher }]; }, propDecorators: { itemComponents: [{

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

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

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

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

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

@@ -35,8 +35,8 @@ import { AccordionItemHideButtonComponent } from './components/accordion-history
 import * as i0 from "@angular/core";
 export class DesyViewsModule {
 }
-DesyViewsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: DesyViewsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DesyViewsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: DesyViewsModule, declarations: [AlertComponent,
+DesyViewsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DesyViewsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DesyViewsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: DesyViewsModule, declarations: [AlertComponent,
         AccordionComponent,
         AccordionHeaderComponent,
         AccordionHistoryComponent,
@@ -95,12 +95,12 @@ DesyViewsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version
         PanelComponent,
         TabItemComponent,
         MediaObjectFigureComponent] });
-DesyViewsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: DesyViewsModule, imports: [CommonModule,
+DesyViewsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DesyViewsModule, imports: [CommonModule,
         SharedModule,
         DesyFormsModule,
         DesyCommonsModule,
         NgxTippyModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: DesyViewsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DesyViewsModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

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

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

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

@@ -5,9 +5,9 @@ import * as i0 from "@angular/core";
  */
 export class AccessibilityComponent {
 }
-AccessibilityComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: AccessibilityComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AccessibilityComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: AccessibilityComponent, selector: "desy-accessibility", inputs: { role: "role", ariaLabel: "ariaLabel", ariaDescribedBy: "ariaDescribedBy", ariaLabelledBy: "ariaLabelledBy", ariaHidden: "ariaHidden", ariaDisabled: "ariaDisabled", ariaControls: "ariaControls", ariaCurrent: "ariaCurrent", ariaLive: "ariaLive", ariaExpanded: "ariaExpanded", ariaErrorMessage: "ariaErrorMessage", ariaHasPopup: "ariaHasPopup", ariaModal: "ariaModal", tabindex: "tabindex" }, ngImport: i0, template: '<div></div>', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: AccessibilityComponent, decorators: [{
+AccessibilityComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AccessibilityComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AccessibilityComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: AccessibilityComponent, selector: "desy-accessibility", inputs: { role: "role", ariaLabel: "ariaLabel", ariaDescribedBy: "ariaDescribedBy", ariaLabelledBy: "ariaLabelledBy", ariaHidden: "ariaHidden", ariaDisabled: "ariaDisabled", ariaControls: "ariaControls", ariaCurrent: "ariaCurrent", ariaLive: "ariaLive", ariaExpanded: "ariaExpanded", ariaErrorMessage: "ariaErrorMessage", ariaHasPopup: "ariaHasPopup", ariaModal: "ariaModal", tabindex: "tabindex" }, ngImport: i0, template: '<div></div>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AccessibilityComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'desy-accessibility',

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

@@ -2,9 +2,9 @@ import { Component, Input } from '@angular/core';
 import * as i0 from "@angular/core";
 export class AccessibilityAndContentRequiredComponent {
 }
-AccessibilityAndContentRequiredComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: AccessibilityAndContentRequiredComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AccessibilityAndContentRequiredComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: AccessibilityAndContentRequiredComponent, selector: "desy-accessibility-and-content-required", inputs: { html: "html", text: "text", role: "role", ariaLabel: "ariaLabel", ariaDescribedBy: "ariaDescribedBy", ariaLabelledBy: "ariaLabelledBy", ariaHidden: "ariaHidden", ariaDisabled: "ariaDisabled", ariaControls: "ariaControls", ariaCurrent: "ariaCurrent", ariaLive: "ariaLive", ariaExpanded: "ariaExpanded", ariaErrorMessage: "ariaErrorMessage", ariaHasPopup: "ariaHasPopup", tabindex: "tabindex" }, ngImport: i0, template: '<div></div>', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: AccessibilityAndContentRequiredComponent, decorators: [{
+AccessibilityAndContentRequiredComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AccessibilityAndContentRequiredComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AccessibilityAndContentRequiredComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: AccessibilityAndContentRequiredComponent, selector: "desy-accessibility-and-content-required", inputs: { html: "html", text: "text", role: "role", ariaLabel: "ariaLabel", ariaDescribedBy: "ariaDescribedBy", ariaLabelledBy: "ariaLabelledBy", ariaHidden: "ariaHidden", ariaDisabled: "ariaDisabled", ariaControls: "ariaControls", ariaCurrent: "ariaCurrent", ariaLive: "ariaLive", ariaExpanded: "ariaExpanded", ariaErrorMessage: "ariaErrorMessage", ariaHasPopup: "ariaHasPopup", tabindex: "tabindex" }, ngImport: i0, template: '<div></div>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AccessibilityAndContentRequiredComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'desy-accessibility-and-content-required',

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

@@ -3,9 +3,9 @@ import { TextOrHtmlRequiredComponent } from '../text-or-html-required/text-or-ht
 import * as i0 from "@angular/core";
 export class AccessibilityAndTextOrHtmlRequiredComponent extends TextOrHtmlRequiredComponent {
 }
-AccessibilityAndTextOrHtmlRequiredComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: AccessibilityAndTextOrHtmlRequiredComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-AccessibilityAndTextOrHtmlRequiredComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: AccessibilityAndTextOrHtmlRequiredComponent, selector: "desy-accessibility-and-text-or-html-required", inputs: { role: "role", ariaLabel: "ariaLabel", ariaDescribedBy: "ariaDescribedBy", ariaLabelledBy: "ariaLabelledBy", ariaHidden: "ariaHidden", ariaDisabled: "ariaDisabled", ariaControls: "ariaControls", ariaCurrent: "ariaCurrent", ariaLive: "ariaLive", ariaExpanded: "ariaExpanded", ariaErrorMessage: "ariaErrorMessage", ariaHasPopup: "ariaHasPopup", tabindex: "tabindex" }, usesInheritance: true, ngImport: i0, template: '<div></div>', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: AccessibilityAndTextOrHtmlRequiredComponent, decorators: [{
+AccessibilityAndTextOrHtmlRequiredComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AccessibilityAndTextOrHtmlRequiredComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+AccessibilityAndTextOrHtmlRequiredComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: AccessibilityAndTextOrHtmlRequiredComponent, selector: "desy-accessibility-and-text-or-html-required", inputs: { role: "role", ariaLabel: "ariaLabel", ariaDescribedBy: "ariaDescribedBy", ariaLabelledBy: "ariaLabelledBy", ariaHidden: "ariaHidden", ariaDisabled: "ariaDisabled", ariaControls: "ariaControls", ariaCurrent: "ariaCurrent", ariaLive: "ariaLive", ariaExpanded: "ariaExpanded", ariaErrorMessage: "ariaErrorMessage", ariaHasPopup: "ariaHasPopup", tabindex: "tabindex" }, usesInheritance: true, ngImport: i0, template: '<div></div>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AccessibilityAndTextOrHtmlRequiredComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'desy-accessibility-and-text-or-html-required',

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

@@ -9,9 +9,9 @@ export class ContentBaseComponent extends AccessibilityComponent {
         return this.content;
     }
 }
-ContentBaseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ContentBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-ContentBaseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: ContentBaseComponent, selector: "desy-content-base", viewQueries: [{ propertyName: "content", first: true, predicate: ["contentTemplate"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: '<ng-template #contentTemplate><ng-content></ng-content></ng-template>', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ContentBaseComponent, decorators: [{
+ContentBaseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ContentBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+ContentBaseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ContentBaseComponent, selector: "desy-content-base", viewQueries: [{ propertyName: "content", first: true, predicate: ["contentTemplate"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: '<ng-template #contentTemplate><ng-content></ng-content></ng-template>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ContentBaseComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'desy-content-base',

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

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

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

@@ -5,32 +5,35 @@ export class AttributeChangeDirective {
         this.elementRef = elementRef;
         this.desyAttributeChange = new EventEmitter();
         this.desyAttributeChangeMutation = new EventEmitter();
+        this.desyAttributeChangeEnabled = true;
         const element = this.elementRef.nativeElement;
-        this.changes = new MutationObserver((mutations) => {
-            mutations.forEach((mutation) => {
-                if (this.attributesToCheck) {
-                    const attrs = typeof (this.attributesToCheck) === 'string' ? [this.attributesToCheck] : this.attributesToCheck;
-                    if (attrs.findIndex(v => v === mutation.attributeName) >= 0) {
-                        this.desyAttributeChange.emit(this.elementRef.nativeElement.innerHTML);
-                        this.desyAttributeChangeMutation.emit(mutation);
+        if (this.desyAttributeChangeEnabled) {
+            this.changes = new MutationObserver((mutations) => {
+                mutations.forEach((mutation) => {
+                    if (this.attributesToCheck) {
+                        const attrs = typeof (this.attributesToCheck) === 'string' ? [this.attributesToCheck] : this.attributesToCheck;
+                        if (attrs.findIndex(v => v === mutation.attributeName) >= 0) {
+                            this.desyAttributeChange.emit(this.elementRef.nativeElement.innerHTML);
+                            this.desyAttributeChangeMutation.emit(mutation);
+                        }
                     }
-                }
+                });
             });
-        });
-        this.changes.observe(element, {
-            attributes: true,
-            childList: false,
-            characterData: false,
-            subtree: false
-        });
+            this.changes.observe(element, {
+                attributes: true,
+                childList: false,
+                characterData: false,
+                subtree: false
+            });
+        }
     }
     ngOnDestroy() {
         this.changes.disconnect();
     }
 }
-AttributeChangeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: AttributeChangeDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-AttributeChangeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.7", type: AttributeChangeDirective, selector: "[desyAttributeChange]", inputs: { attributesToCheck: "attributesToCheck" }, outputs: { desyAttributeChange: "desyAttributeChange", desyAttributeChangeMutation: "desyAttributeChangeMutation" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: AttributeChangeDirective, decorators: [{
+AttributeChangeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AttributeChangeDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+AttributeChangeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: AttributeChangeDirective, selector: "[desyAttributeChange]", inputs: { attributesToCheck: "attributesToCheck", desyAttributeChangeEnabled: "desyAttributeChangeEnabled" }, outputs: { desyAttributeChange: "desyAttributeChange", desyAttributeChangeMutation: "desyAttributeChangeMutation" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AttributeChangeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[desyAttributeChange]'
@@ -41,5 +44,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
                 type: Output
             }], desyAttributeChangeMutation: [{
                 type: Output
+            }], desyAttributeChangeEnabled: [{
+                type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXR0cmlidXRlLWNoYW5nZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXN5LWFuZ3VsYXIvc3JjL2xpYi9zaGFyZWQvZGlyZWN0aXZlcy9hdHRyaWJ1dGUtY2hhbmdlLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFjLFlBQVksRUFBRSxLQUFLLEVBQWEsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDOztBQUs1RixNQUFNLE9BQU8sd0JBQXdCO0lBWW5DLFlBQW9CLFVBQXNCO1FBQXRCLGVBQVUsR0FBVixVQUFVLENBQVk7UUFMbkMsd0JBQW1CLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUd6QyxnQ0FBMkIsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBR3RELE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDO1FBRTlDLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxnQkFBZ0IsQ0FBQyxDQUFDLFNBQTJCLEVBQUUsRUFBRTtZQUNoRSxTQUFTLENBQUMsT0FBTyxDQUFDLENBQUMsUUFBd0IsRUFBRSxFQUFFO2dCQUM3QyxJQUFJLElBQUksQ0FBQyxpQkFBaUIsRUFBRTtvQkFDMUIsTUFBTSxLQUFLLEdBQUcsT0FBTyxDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLGlCQUFpQixDQUFDO29CQUMvRyxJQUFJLEtBQUssQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLEtBQUssUUFBUSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsRUFBRTt3QkFDM0QsSUFBSSxDQUFDLG1CQUFtQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsQ0FBQzt3QkFDdkUsSUFBSSxDQUFDLDJCQUEyQixDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztxQkFDakQ7aUJBQ0Y7WUFDSCxDQUFDLENBQUMsQ0FBQztRQUNMLENBQUMsQ0FDRixDQUFDO1FBRUYsSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsT0FBTyxFQUFFO1lBQzVCLFVBQVUsRUFBRSxJQUFJO1lBQ2hCLFNBQVMsRUFBRSxLQUFLO1lBQ2hCLGFBQWEsRUFBRSxLQUFLO1lBQ3BCLE9BQU8sRUFBRSxLQUFLO1NBQ2YsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsT0FBTyxDQUFDLFVBQVUsRUFBRSxDQUFDO0lBQzVCLENBQUM7O3FIQXRDVSx3QkFBd0I7eUdBQXhCLHdCQUF3QjsyRkFBeEIsd0JBQXdCO2tCQUhwQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSx1QkFBdUI7aUJBQ2xDO2lHQUtVLGlCQUFpQjtzQkFBekIsS0FBSztnQkFHQyxtQkFBbUI7c0JBRHpCLE1BQU07Z0JBSUEsMkJBQTJCO3NCQURqQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uRGVzdHJveSwgT3V0cHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2Rlc3lBdHRyaWJ1dGVDaGFuZ2VdJ1xufSlcbmV4cG9ydCBjbGFzcyBBdHRyaWJ1dGVDaGFuZ2VEaXJlY3RpdmUgaW1wbGVtZW50cyBPbkRlc3Ryb3kge1xuXG4gIHByaXZhdGUgY2hhbmdlczogTXV0YXRpb25PYnNlcnZlcjtcblxuICBASW5wdXQoKSBhdHRyaWJ1dGVzVG9DaGVjazogc3RyaW5nfHN0cmluZ1tdO1xuXG4gIEBPdXRwdXQoKVxuICBwdWJsaWMgZGVzeUF0dHJpYnV0ZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBAT3V0cHV0KClcbiAgcHVibGljIGRlc3lBdHRyaWJ1dGVDaGFuZ2VNdXRhdGlvbiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYpIHtcbiAgICBjb25zdCBlbGVtZW50ID0gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQ7XG5cbiAgICB0aGlzLmNoYW5nZXMgPSBuZXcgTXV0YXRpb25PYnNlcnZlcigobXV0YXRpb25zOiBNdXRhdGlvblJlY29yZFtdKSA9PiB7XG4gICAgICAgIG11dGF0aW9ucy5mb3JFYWNoKChtdXRhdGlvbjogTXV0YXRpb25SZWNvcmQpID0+IHtcbiAgICAgICAgICBpZiAodGhpcy5hdHRyaWJ1dGVzVG9DaGVjaykge1xuICAgICAgICAgICAgY29uc3QgYXR0cnMgPSB0eXBlb2YgKHRoaXMuYXR0cmlidXRlc1RvQ2hlY2spID09PSAnc3RyaW5nJyA/IFt0aGlzLmF0dHJpYnV0ZXNUb0NoZWNrXSA6IHRoaXMuYXR0cmlidXRlc1RvQ2hlY2s7XG4gICAgICAgICAgICBpZiAoYXR0cnMuZmluZEluZGV4KHYgPT4gdiA9PT0gbXV0YXRpb24uYXR0cmlidXRlTmFtZSkgPj0gMCkge1xuICAgICAgICAgICAgICB0aGlzLmRlc3lBdHRyaWJ1dGVDaGFuZ2UuZW1pdCh0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5pbm5lckhUTUwpO1xuICAgICAgICAgICAgICB0aGlzLmRlc3lBdHRyaWJ1dGVDaGFuZ2VNdXRhdGlvbi5lbWl0KG11dGF0aW9uKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIH0pO1xuICAgICAgfVxuICAgICk7XG5cbiAgICB0aGlzLmNoYW5nZXMub2JzZXJ2ZShlbGVtZW50LCB7XG4gICAgICBhdHRyaWJ1dGVzOiB0cnVlLFxuICAgICAgY2hpbGRMaXN0OiBmYWxzZSxcbiAgICAgIGNoYXJhY3RlckRhdGE6IGZhbHNlLFxuICAgICAgc3VidHJlZTogZmFsc2VcbiAgICB9KTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMuY2hhbmdlcy5kaXNjb25uZWN0KCk7XG4gIH1cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXR0cmlidXRlLWNoYW5nZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXN5LWFuZ3VsYXIvc3JjL2xpYi9zaGFyZWQvZGlyZWN0aXZlcy9hdHRyaWJ1dGUtY2hhbmdlLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFjLFlBQVksRUFBRSxLQUFLLEVBQXdCLE1BQU0sRUFBZ0IsTUFBTSxlQUFlLENBQUM7O0FBS3RILE1BQU0sT0FBTyx3QkFBd0I7SUFlbkMsWUFBb0IsVUFBc0I7UUFBdEIsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQVJuQyx3QkFBbUIsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBR3pDLGdDQUEyQixHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFFL0MsK0JBQTBCLEdBQUcsSUFBSSxDQUFDO1FBSXpDLE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDO1FBRTlDLElBQUksSUFBSSxDQUFDLDBCQUEwQixFQUFFO1lBQ25DLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxnQkFBZ0IsQ0FBQyxDQUFDLFNBQTJCLEVBQUUsRUFBRTtnQkFDaEUsU0FBUyxDQUFDLE9BQU8sQ0FBQyxDQUFDLFFBQXdCLEVBQUUsRUFBRTtvQkFDN0MsSUFBSSxJQUFJLENBQUMsaUJBQWlCLEVBQUU7d0JBQzFCLE1BQU0sS0FBSyxHQUFHLE9BQU8sQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQzt3QkFDL0csSUFBSSxLQUFLLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxLQUFLLFFBQVEsQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLEVBQUU7NEJBQzNELElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsU0FBUyxDQUFDLENBQUM7NEJBQ3ZFLElBQUksQ0FBQywyQkFBMkIsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7eUJBQ2pEO3FCQUNGO2dCQUNILENBQUMsQ0FBQyxDQUFDO1lBQ0wsQ0FBQyxDQUNGLENBQUM7WUFFRixJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxPQUFPLEVBQUU7Z0JBQzVCLFVBQVUsRUFBRSxJQUFJO2dCQUNoQixTQUFTLEVBQUUsS0FBSztnQkFDaEIsYUFBYSxFQUFFLEtBQUs7Z0JBQ3BCLE9BQU8sRUFBRSxLQUFLO2FBQ2YsQ0FBQyxDQUFDO1NBQ0o7SUFDSCxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxPQUFPLENBQUMsVUFBVSxFQUFFLENBQUM7SUFDNUIsQ0FBQzs7cUhBM0NVLHdCQUF3Qjt5R0FBeEIsd0JBQXdCOzJGQUF4Qix3QkFBd0I7a0JBSHBDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHVCQUF1QjtpQkFDbEM7aUdBS1UsaUJBQWlCO3NCQUF6QixLQUFLO2dCQUdDLG1CQUFtQjtzQkFEekIsTUFBTTtnQkFJQSwyQkFBMkI7c0JBRGpDLE1BQU07Z0JBR0UsMEJBQTBCO3NCQUFsQyxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uQ2hhbmdlcywgT25EZXN0cm95LCBPdXRwdXQsIFNpbXBsZUNoYW5nZXN9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbZGVzeUF0dHJpYnV0ZUNoYW5nZV0nXG59KVxuZXhwb3J0IGNsYXNzIEF0dHJpYnV0ZUNoYW5nZURpcmVjdGl2ZSBpbXBsZW1lbnRzIE9uRGVzdHJveSB7XG5cbiAgcHJpdmF0ZSBjaGFuZ2VzOiBNdXRhdGlvbk9ic2VydmVyO1xuXG4gIEBJbnB1dCgpIGF0dHJpYnV0ZXNUb0NoZWNrOiBzdHJpbmd8c3RyaW5nW107XG5cbiAgQE91dHB1dCgpXG4gIHB1YmxpYyBkZXN5QXR0cmlidXRlQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIEBPdXRwdXQoKVxuICBwdWJsaWMgZGVzeUF0dHJpYnV0ZUNoYW5nZU11dGF0aW9uID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIEBJbnB1dCgpIGRlc3lBdHRyaWJ1dGVDaGFuZ2VFbmFibGVkID0gdHJ1ZTtcblxuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZikge1xuICAgIGNvbnN0IGVsZW1lbnQgPSB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudDtcblxuICAgIGlmICh0aGlzLmRlc3lBdHRyaWJ1dGVDaGFuZ2VFbmFibGVkKSB7XG4gICAgICB0aGlzLmNoYW5nZXMgPSBuZXcgTXV0YXRpb25PYnNlcnZlcigobXV0YXRpb25zOiBNdXRhdGlvblJlY29yZFtdKSA9PiB7XG4gICAgICAgICAgbXV0YXRpb25zLmZvckVhY2goKG11dGF0aW9uOiBNdXRhdGlvblJlY29yZCkgPT4ge1xuICAgICAgICAgICAgaWYgKHRoaXMuYXR0cmlidXRlc1RvQ2hlY2spIHtcbiAgICAgICAgICAgICAgY29uc3QgYXR0cnMgPSB0eXBlb2YgKHRoaXMuYXR0cmlidXRlc1RvQ2hlY2spID09PSAnc3RyaW5nJyA/IFt0aGlzLmF0dHJpYnV0ZXNUb0NoZWNrXSA6IHRoaXMuYXR0cmlidXRlc1RvQ2hlY2s7XG4gICAgICAgICAgICAgIGlmIChhdHRycy5maW5kSW5kZXgodiA9PiB2ID09PSBtdXRhdGlvbi5hdHRyaWJ1dGVOYW1lKSA+PSAwKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5kZXN5QXR0cmlidXRlQ2hhbmdlLmVtaXQodGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuaW5uZXJIVE1MKTtcbiAgICAgICAgICAgICAgICB0aGlzLmRlc3lBdHRyaWJ1dGVDaGFuZ2VNdXRhdGlvbi5lbWl0KG11dGF0aW9uKTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICAgIH0pO1xuICAgICAgICB9XG4gICAgICApO1xuICBcbiAgICAgIHRoaXMuY2hhbmdlcy5vYnNlcnZlKGVsZW1lbnQsIHtcbiAgICAgICAgYXR0cmlidXRlczogdHJ1ZSxcbiAgICAgICAgY2hpbGRMaXN0OiBmYWxzZSxcbiAgICAgICAgY2hhcmFjdGVyRGF0YTogZmFsc2UsXG4gICAgICAgIHN1YnRyZWU6IGZhbHNlXG4gICAgICB9KTtcbiAgICB9XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLmNoYW5nZXMuZGlzY29ubmVjdCgpO1xuICB9XG59XG4iXX0=

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

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

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

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

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

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

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

@@ -19,9 +19,9 @@ export class InnerContentDirective {
         }
     }
 }
-InnerContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: InnerContentDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-InnerContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.7", type: InnerContentDirective, selector: "[desyInnerContent]", inputs: { content: ["desyInnerContent", "content"], isHtml: "isHtml", deleteContentIfEmpty: "deleteContentIfEmpty" }, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: InnerContentDirective, decorators: [{
+InnerContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: InnerContentDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+InnerContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: InnerContentDirective, selector: "[desyInnerContent]", inputs: { content: ["desyInnerContent", "content"], isHtml: "isHtml", deleteContentIfEmpty: "deleteContentIfEmpty" }, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: InnerContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[desyInnerContent]'