desy-angular 5.2.0 → 6.0.1

package/esm2015/lib/desy-views/components/item/item.component.js

@@ -1,5 +1,5 @@
 import { __decorate } from "tslib";
-import { ChangeDetectorRef, Component, ContentChildren, Input } from '@angular/core';
+import { ChangeDetectorRef, Component, ContentChildren, HostBinding, Input } from '@angular/core';
 import { AccessibilityComponent } from '../../../shared/components';
 import { TitleComponent } from '../../../desy-commons/components/title/title.component';
 import { DescriptionComponent } from '../../../desy-commons/components/description/description.component';
@@ -13,6 +13,12 @@ export class ItemComponent extends AccessibilityComponent {
         super();
         this.changeDetectorRef = changeDetectorRef;
     }
+    ngOnInit() {
+        const progressInterval = setInterval(() => {
+            this.checkClasses();
+            clearInterval(progressInterval);
+        }, 500);
+    }
     getItems() {
         return this.itemComponents.length > 0 ? this.itemComponents.toArray() : this.items;
     }
@@ -22,11 +28,23 @@ export class ItemComponent extends AccessibilityComponent {
     getTitle() {
         return this.titleComponent ? this.titleComponent : (this.title ? this.title : null);
     }
+    getIcon() {
+        return this.iconComponent ? this.iconComponent : (this.icon ? this.icon : null);
+    }
+    ngOnChanges(changes) {
+        this.checkClasses();
+    }
+    checkClasses() {
+        if (this.getTitle()) {
+            this.classes = this.classes ? this.classes += ' flex flex-wrap p-base bg-white border border-neutral-base rounded' : 'flex flex-wrap p-base bg-white border border-neutral-base rounded';
+            this.id = this.id ? this.id : null;
+        }
+    }
 }
 ItemComponent.decorators = [
     { type: Component, args: [{
                 selector: 'desy-item',
-                template: "<div *ngIf=\"getTitle()\" [class]=\"['flex flex-wrap p-base bg-white border border-neutral-base rounded', classes] | makeHtmlList\"\r\n     [attr.id]=\"id ? id : null\">\r\n  <div class=\"self-center h-full mr-lg\" *ngIf=\"isDraggable || isLocked\">\r\n    <svg *ngIf=\"isDraggable && !isLocked\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" width=\"1em\" height=\"1em\" class=\"w-5 h-5 text-neutral-base\" aria-hidden=\"true\" focusable=\"false\"><g fill=\"currentColor\"><path d=\"M41 28a10 10 0 1010-10 10 10 0 00-10 10z\"/><path d=\"M79.999 28a10 10 0 1010-10 10 10 0 00-10 10z\"/><path d=\"M41 70a10 10 0 1010-10 10 10 0 00-10 10z\"/><path d=\"M79.999 70a10 10 0 1010-10 10 10 0 00-10 10z\"/><path d=\"M41 112a10 10 0 1010-10 10 10 0 00-10 10z\"/><path d=\"M79.999 112a10 10 0 1010-10 10 10 0 00-10 10z\"/></g></svg>\r\n    <svg *ngIf=\"isLocked && !isDraggable\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" width=\"1em\" height=\"1em\" class=\"w-base h-base text-neutral-dark\" aria-label=\"Item Bloqueado\" focusable=\"false\"><path d=\"M115 55.86V45a45 45 0 00-90 0v10.86A15 15 0 0015 70v55a15 15 0 0015 15h80a15 15 0 0015-15V70a15 15 0 00-10-14.14zM70 110a12.5 12.5 0 1112.5-12.5A12.5 12.5 0 0170 110zm25-55H45V45a25 25 0 0150 0z\" fill=\"currentColor\"/></svg>\r\n  </div>\r\n  <div class=\"self-center h-full mr-lg\" *ngIf=\"iconComponent || icon\">\r\n    <ng-container *desyCustomInnerContent=\"{ component: iconComponent, html: icon ? icon.html : null }\"></ng-container>\r\n    <ng-container [ngSwitch]=\"iconComponent ? iconComponent.type : icon.type\">\r\n      <svg *ngSwitchCase=\"'clipboard'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" width=\"1em\" height=\"1em\" class=\"w-8 h-8 text-neutral-dark\" aria-label=\"Item tipo Solicitud\" focusable=\"false\"><path d=\"M96.25 52.5h-52.5a4.375 4.375 0 000 8.75h52.5a4.375 4.375 0 000-8.75zM100.625 77.286a4.375 4.375 0 00-4.375-4.375h-52.5a4.375 4.375 0 000 8.75h52.5a4.375 4.375 0 004.375-4.375zM58.333 37.917h23.334a5.833 5.833 0 005.833-5.834V17.5A17.54 17.54 0 0065.287.624 17.762 17.762 0 0052.5 18.007v14.076a5.833 5.833 0 005.833 5.834zm7.292-21.875A4.375 4.375 0 1170 20.417a4.375 4.375 0 01-4.375-4.381z\" fill=\"currentColor\"/><path d=\"M113.75 17.5H97.708a1.458 1.458 0 00-1.458 1.458v8.75a1.458 1.458 0 001.458 1.459h13.125a2.917 2.917 0 012.917 2.916v74.62a2.917 2.917 0 01-.852 2.065l-18.713 18.708a2.917 2.917 0 01-2.06.851H29.168a2.917 2.917 0 01-2.917-2.916V32.083a2.917 2.917 0 012.917-2.916h13.125a1.458 1.458 0 001.458-1.459v-8.75a1.458 1.458 0 00-1.458-1.458H26.25a11.667 11.667 0 00-11.667 11.667v99.166A11.667 11.667 0 0026.25 140h87.5a11.667 11.667 0 0011.667-11.667V29.167A11.667 11.667 0 00113.75 17.5z\" fill=\"currentColor\"/><path d=\"M43.75 93.333a4.375 4.375 0 000 8.75h21.875a4.375 4.375 0 000-8.75z\" fill=\"currentColor\"/></svg>\r\n      <svg *ngSwitchCase=\"'link'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" width=\"1em\" height=\"1em\" class=\"w-8 h-8 text-neutral-dark\" aria-label=\"Item tipo Link\" focusable=\"false\"><path d=\"M72.368 86.946a5.833 5.833 0 00-3.167 7.624 5.833 5.833 0 01-1.266 6.358l-16.497 16.503a11.667 11.667 0 01-16.496 0l-12.379-12.373a11.667 11.667 0 010-16.502l16.52-16.497a5.91 5.91 0 016.364-1.266 5.834 5.834 0 004.451-10.786 17.698 17.698 0 00-19.063 3.804l-16.52 16.497a23.368 23.368 0 000 32.999l12.378 12.372a23.333 23.333 0 0032.994 0l16.502-16.496a17.547 17.547 0 003.798-19.075 5.833 5.833 0 00-7.619-3.162z\" fill=\"currentColor\"/><path d=\"M45.25 94.74a5.897 5.897 0 008.247 0l45.378-45.373a5.833 5.833 0 00-8.248-8.248L45.249 86.491a5.833 5.833 0 000 8.248z\" fill=\"currentColor\"/><path d=\"M125.685 26.682l-12.373-12.373a23.368 23.368 0 00-32.999 0L63.811 30.806a17.535 17.535 0 00-3.798 19.069A5.835 5.835 0 1070.8 45.418a5.833 5.833 0 011.266-6.335l16.497-16.496a11.667 11.667 0 0116.502 0l12.373 12.372a11.667 11.667 0 010 16.503l-16.52 16.467a5.92 5.92 0 01-6.364 1.266 5.836 5.836 0 00-4.463 10.786 17.652 17.652 0 0019.075-3.798l16.497-16.496a23.374 23.374 0 00.023-33.005z\" fill=\"currentColor\"/></svg>\r\n      <svg *ngSwitchCase=\"'document'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" width=\"1em\" height=\"1em\" class=\"w-8 h-8 text-neutral-dark\" aria-label=\"Item tipo Archivo\" focusable=\"false\"><path d=\"M89.355 12.518l26.46 26.46a2.917 2.917 0 01.852 2.06v84.379a2.917 2.917 0 01-2.917 2.916h-87.5a2.917 2.917 0 01-2.917-2.916V14.583a2.917 2.917 0 012.917-2.916h61.046a2.917 2.917 0 012.059.851zM90.918 0H23.333a11.667 11.667 0 00-11.666 11.667v116.666A11.667 11.667 0 0023.333 140h93.334a11.667 11.667 0 0011.666-11.667V37.415a5.833 5.833 0 00-1.709-4.124L95.042 1.709A5.833 5.833 0 0090.918 0z\" fill=\"currentColor\"/><path d=\"M93.333 64.167h-52.5a5.833 5.833 0 010-11.667h52.5a5.833 5.833 0 010 11.667zM93.333 87.5h-52.5a5.833 5.833 0 010-11.667h52.5a5.833 5.833 0 010 11.667zM67.083 110.833h-26.25a5.833 5.833 0 010-11.666h26.25a5.833 5.833 0 010 11.666z\" fill=\"currentColor\"/></svg>\r\n    </ng-container>\r\n  </div>\r\n  <div class=\"lg:flex flex-1 self-center\">\r\n    <div class=\"lg:flex-1 lg:self-center\">\r\n      <ng-container [ngSwitch]=\"headingLevel\">\r\n        <h1 *ngSwitchCase=\"1\"\r\n            [class]=\"getTitle().classes\"\r\n            [attr.role]=\"getTitle().role\" [attr.aria-describedby]=\"getTitle().ariaDescribedBy\" [attr.aria-errormessage]=\"getTitle().ariaErrorMessage\" [attr.aria-label]=\"getTitle().ariaLabel\" [attr.aria-labelledby]=\"getTitle().ariaLabelledBy\" [attr.aria-hidden]=\"getTitle().ariaHidden\" [attr.aria-disabled]=\"getTitle().ariaDisabled\" [attr.aria-controls]=\"getTitle().ariaControls\" [attr.aria-current]=\"getTitle().ariaCurrent\" [attr.aria-live]=\"getTitle().ariaLive\" [attr.aria-expanded]=\"getTitle().ariaExpanded\" [attr.aria-haspopup]=\"getTitle().ariaHasPopup\" [attr.tabindex]=\"getTitle().tabindex\">\r\n          <ng-container *desyCustomInnerContent=\"{ component: titleComponent, html: getTitle().html, text: getTitle().text }\"></ng-container>\r\n        </h1>\r\n        <h2 *ngSwitchCase=\"2\"\r\n            [class]=\"getTitle().classes\"\r\n            [attr.role]=\"getTitle().role\" [attr.aria-describedby]=\"getTitle().ariaDescribedBy\" [attr.aria-errormessage]=\"getTitle().ariaErrorMessage\" [attr.aria-label]=\"getTitle().ariaLabel\" [attr.aria-labelledby]=\"getTitle().ariaLabelledBy\" [attr.aria-hidden]=\"getTitle().ariaHidden\" [attr.aria-disabled]=\"getTitle().ariaDisabled\" [attr.aria-controls]=\"getTitle().ariaControls\" [attr.aria-current]=\"getTitle().ariaCurrent\" [attr.aria-live]=\"getTitle().ariaLive\" [attr.aria-expanded]=\"getTitle().ariaExpanded\" [attr.aria-haspopup]=\"getTitle().ariaHasPopup\" [attr.tabindex]=\"getTitle().tabindex\">\r\n          <ng-container *desyCustomInnerContent=\"{ component: titleComponent, html: getTitle().html, text: getTitle().text }\"></ng-container>\r\n        </h2>\r\n        <h3 *ngSwitchCase=\"3\"\r\n            [class]=\"getTitle().classes\"\r\n            [attr.role]=\"getTitle().role\" [attr.aria-describedby]=\"getTitle().ariaDescribedBy\" [attr.aria-errormessage]=\"getTitle().ariaErrorMessage\" [attr.aria-label]=\"getTitle().ariaLabel\" [attr.aria-labelledby]=\"getTitle().ariaLabelledBy\" [attr.aria-hidden]=\"getTitle().ariaHidden\" [attr.aria-disabled]=\"getTitle().ariaDisabled\" [attr.aria-controls]=\"getTitle().ariaControls\" [attr.aria-current]=\"getTitle().ariaCurrent\" [attr.aria-live]=\"getTitle().ariaLive\" [attr.aria-expanded]=\"getTitle().ariaExpanded\" [attr.aria-haspopup]=\"getTitle().ariaHasPopup\" [attr.tabindex]=\"getTitle().tabindex\">\r\n          <ng-container *desyCustomInnerContent=\"{ component: titleComponent, html: getTitle().html, text: getTitle().text }\"></ng-container>\r\n        </h3>\r\n        <h4 *ngSwitchCase=\"4\"\r\n            [class]=\"getTitle().classes\"\r\n            [attr.role]=\"getTitle().role\" [attr.aria-describedby]=\"getTitle().ariaDescribedBy\" [attr.aria-errormessage]=\"getTitle().ariaErrorMessage\" [attr.aria-label]=\"getTitle().ariaLabel\" [attr.aria-labelledby]=\"getTitle().ariaLabelledBy\" [attr.aria-hidden]=\"getTitle().ariaHidden\" [attr.aria-disabled]=\"getTitle().ariaDisabled\" [attr.aria-controls]=\"getTitle().ariaControls\" [attr.aria-current]=\"getTitle().ariaCurrent\" [attr.aria-live]=\"getTitle().ariaLive\" [attr.aria-expanded]=\"getTitle().ariaExpanded\" [attr.aria-haspopup]=\"getTitle().ariaHasPopup\" [attr.tabindex]=\"getTitle().tabindex\">\r\n          <ng-container *desyCustomInnerContent=\"{ component: titleComponent, html: getTitle().html, text: getTitle().text }\"></ng-container>\r\n        </h4>\r\n        <h5 *ngSwitchCase=\"5\"\r\n            [class]=\"getTitle().classes\"\r\n            [attr.role]=\"getTitle().role\" [attr.aria-describedby]=\"getTitle().ariaDescribedBy\" [attr.aria-errormessage]=\"getTitle().ariaErrorMessage\" [attr.aria-label]=\"getTitle().ariaLabel\" [attr.aria-labelledby]=\"getTitle().ariaLabelledBy\" [attr.aria-hidden]=\"getTitle().ariaHidden\" [attr.aria-disabled]=\"getTitle().ariaDisabled\" [attr.aria-controls]=\"getTitle().ariaControls\" [attr.aria-current]=\"getTitle().ariaCurrent\" [attr.aria-live]=\"getTitle().ariaLive\" [attr.aria-expanded]=\"getTitle().ariaExpanded\" [attr.aria-haspopup]=\"getTitle().ariaHasPopup\" [attr.tabindex]=\"getTitle().tabindex\">\r\n          <ng-container *desyCustomInnerContent=\"{ component: titleComponent, html: getTitle().html, text: getTitle().text }\"></ng-container>\r\n        </h5>\r\n        <p *ngSwitchDefault\r\n           [class]=\"getTitle().classes\"\r\n           [attr.role]=\"getTitle().role\" [attr.aria-describedby]=\"getTitle().ariaDescribedBy\" [attr.aria-errormessage]=\"getTitle().ariaErrorMessage\" [attr.aria-label]=\"getTitle().ariaLabel\" [attr.aria-labelledby]=\"getTitle().ariaLabelledBy\" [attr.aria-hidden]=\"getTitle().ariaHidden\" [attr.aria-disabled]=\"getTitle().ariaDisabled\" [attr.aria-controls]=\"getTitle().ariaControls\" [attr.aria-current]=\"getTitle().ariaCurrent\" [attr.aria-live]=\"getTitle().ariaLive\" [attr.aria-expanded]=\"getTitle().ariaExpanded\" [attr.aria-haspopup]=\"getTitle().ariaHasPopup\" [attr.tabindex]=\"getTitle().tabindex\">\r\n          <ng-container *desyCustomInnerContent=\"{ component: titleComponent, html: getTitle().html, text: getTitle().text }\"></ng-container>\r\n        </p>\r\n      </ng-container>\r\n\r\n      <p *ngIf=\"descriptionComponent || description\" [class]=\"descriptionComponent ? descriptionComponent.classes : description.classes\"\r\n         [attr.role]=\"role\"\r\n         [attr.aria-describedby]=\"ariaDescribedBy\"\r\n         [attr.aria-errormessage]=\"ariaErrorMessage\"\r\n         [attr.aria-label]=\"ariaLabel\"\r\n         [attr.aria-labelledby]=\"ariaLabelledBy\"\r\n         [attr.aria-hidden]=\"ariaHidden\"\r\n         [attr.aria-disabled]=\"ariaDisabled\"\r\n         [attr.aria-controls]=\"ariaControls\"\r\n         [attr.aria-current]=\"ariaCurrent\"\r\n         [attr.aria-live]=\"ariaLive\"\r\n         [attr.aria-expanded]=\"ariaExpanded\"\r\n         [attr.aria-haspopup]=\"ariaHasPopup\"\r\n         [attr.tabindex]=\"tabindex\">\r\n        <ng-container *desyCustomInnerContent=\"{ component: descriptionComponent, html: description ? description.html : null, text: description ? description.text : null }\"></ng-container>\r\n      </p>\r\n      <ul class=\"-ml-sm lg:divide-x lg:divide-neutral-base\" *ngIf=\"itemComponents.length > 0 || items\">\r\n        <li class=\"lg:inline-block px-sm text-sm text-neutral-dark\" *ngFor=\"let item of getItems(); index as index\">\r\n          <ng-container *desyCustomInnerContent=\"{ component: item, text: item }\"></ng-container>\r\n        </li>\r\n      </ul>\r\n      <p *ngIf=\"contentBottomComponent || content\" [class]=\"contentBottomComponent ? contentBottomComponent.classes : content.classes\">\r\n        <ng-container *desyCustomInnerContent=\"{ component: contentBottomComponent, html: content ? content.html : null, text: content ? content.text : null }\"></ng-container>\r\n      </p>\r\n    </div>\r\n    <div class=\"w-full lg:w-auto lg:text-right mt-base lg:mt-0 lg:ml-base\" *ngIf=\"contentRightComponent || caller\">\r\n      <ng-container *desyCustomInnerContent=\"{ component: contentRightComponent, template: caller }\"></ng-container>\r\n    </div>\r\n  </div>\r\n</div>\r\n"
+                template: "<div class=\"self-center h-full mr-lg\" *ngIf=\"isDraggable || isLocked\">\r\n  <svg *ngIf=\"isDraggable && !isLocked\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" width=\"1em\" height=\"1em\" class=\"w-5 h-5 text-neutral-base\" aria-hidden=\"true\" focusable=\"false\"><g fill=\"currentColor\"><path d=\"M41 28a10 10 0 1010-10 10 10 0 00-10 10z\"/><path d=\"M79.999 28a10 10 0 1010-10 10 10 0 00-10 10z\"/><path d=\"M41 70a10 10 0 1010-10 10 10 0 00-10 10z\"/><path d=\"M79.999 70a10 10 0 1010-10 10 10 0 00-10 10z\"/><path d=\"M41 112a10 10 0 1010-10 10 10 0 00-10 10z\"/><path d=\"M79.999 112a10 10 0 1010-10 10 10 0 00-10 10z\"/></g></svg>\r\n  <svg *ngIf=\"isLocked && !isDraggable\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" width=\"1em\" height=\"1em\" class=\"w-base h-base text-neutral-dark\" aria-label=\"Item Bloqueado\" focusable=\"false\"><path d=\"M115 55.86V45a45 45 0 00-90 0v10.86A15 15 0 0015 70v55a15 15 0 0015 15h80a15 15 0 0015-15V70a15 15 0 00-10-14.14zM70 110a12.5 12.5 0 1112.5-12.5A12.5 12.5 0 0170 110zm25-55H45V45a25 25 0 0150 0z\" fill=\"currentColor\"/></svg>\r\n</div>\r\n<div [class]=\"getIcon().containerClasses != null ? getIcon().containerClasses : 'self-center h-full mr-base'\" *ngIf=\"getIcon() != null\">\r\n  <ng-container *desyCustomInnerContent=\"{ component: iconComponent, html: icon ? icon.html : null }\"></ng-container>\r\n  <ng-container [ngSwitch]=\"iconComponent ? iconComponent.type : icon.type\">\r\n    <svg *ngSwitchCase=\"'clipboard'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\" width=\"1em\" height=\"1em\" class=\"w-8 h-8 text-neutral-dark\" aria-label=\"Icono de datos\" focusable=\"false\" role=\"img\"><path d=\"M16.5 9h-9a.75.75 0 0 0 0 1.5h9a.75.75 0 0 0 0-1.5ZM17.25 13.25a.76.76 0 0 0-.75-.75h-9a.75.75 0 0 0 0 1.5h9a.76.76 0 0 0 .75-.75ZM10 6.5h4a1 1 0 0 0 1-1V3A3 3 0 0 0 13.82.62 3 3 0 0 0 9 3.09V5.5a1 1 0 0 0 1 1Zm1.25-3.75a.75.75 0 1 1 .75.75.76.76 0 0 1-.75-.75Z\" fill=\"currentColor\" transform=\"scale(2)\"/><path d=\"M19.5 3h-2.75a.25.25 0 0 0-.25.25v1.5a.25.25 0 0 0 .25.25H19a.5.5 0 0 1 .5.5v12.79a.51.51 0 0 1-.15.36l-3.2 3.2a.49.49 0 0 1-.36.15H5a.5.5 0 0 1-.5-.5v-16A.5.5 0 0 1 5 5h2.25a.25.25 0 0 0 .25-.25v-1.5A.25.25 0 0 0 7.25 3H4.5a2 2 0 0 0-2 2v17a2 2 0 0 0 2 2h15a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2Z\" fill=\"currentColor\" transform=\"scale(2)\"/><path d=\"M7.5 16a.75.75 0 0 0 0 1.5h3.75a.75.75 0 0 0 0-1.5Z\" fill=\"currentColor\" transform=\"scale(2)\"/></svg>\r\n    <svg *ngSwitchCase=\"'link'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\" width=\"1em\" height=\"1em\" class=\"w-8 h-8 text-neutral-dark\" aria-label=\"Icono de enlace\" focusable=\"false\" role=\"img\"><path d=\"M12.41 14.91a1 1 0 0 0-.55 1.3 1 1 0 0 1-.21 1.09l-2.83 2.83a2 2 0 0 1-2.83 0L3.87 18a2 2 0 0 1 0-2.83l2.83-2.82a1 1 0 0 1 1.09-.21 1 1 0 0 0 .76-1.85 3 3 0 0 0-3.27.65l-2.83 2.83a4 4 0 0 0 0 5.65l2.13 2.13a4 4 0 0 0 5.65 0l2.83-2.83a3 3 0 0 0 .65-3.27 1 1 0 0 0-1.3-.54Z\" fill=\"currentColor\" transform=\"scale(2)\"/><path d=\"M7.76 16.24a1 1 0 0 0 1.41 0L17 8.46a1 1 0 0 0-1.41-1.41l-7.83 7.78a1 1 0 0 0 0 1.41Z\" fill=\"currentColor\" transform=\"scale(2)\"/><path d=\"m21.55 4.57-2.13-2.12a4 4 0 0 0-5.65 0l-2.83 2.83a3 3 0 0 0-.88 2.12 3 3 0 0 0 .23 1.15 1 1 0 0 0 1.85-.76 1 1 0 0 1-.08-.39 1 1 0 0 1 .29-.7l2.83-2.83a2 2 0 0 1 2.83 0L20.13 6a2 2 0 0 1 0 2.83l-2.83 2.81a1 1 0 0 1-1.09.22 1 1 0 0 0-1.3.54 1 1 0 0 0 .54 1.31 3 3 0 0 0 3.27-.65l2.83-2.83a4 4 0 0 0 0-5.66Z\" fill=\"currentColor\" transform=\"scale(2)\"/></svg>\r\n    <svg *ngSwitchCase=\"'document'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\" width=\"1em\" height=\"1em\" class=\"w-8 h-8 text-neutral-dark\" aria-label=\"Icono de documento\" focusable=\"false\" role=\"img\"><path d=\"m15.32 2.15 4.53 4.53A.49.49 0 0 1 20 7v14.5a.5.5 0 0 1-.5.5h-15a.5.5 0 0 1-.5-.5v-19a.5.5 0 0 1 .5-.5H15a.49.49 0 0 1 .32.15ZM15.59 0H4a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6.41a1 1 0 0 0-.29-.7L16.29.29a1 1 0 0 0-.7-.29Z\" fill=\"currentColor\" transform=\"scale(2)\"/><path d=\"M16 11H7a1 1 0 0 1 0-2h9a1 1 0 0 1 0 2ZM16 15H7a1 1 0 0 1 0-2h9a1 1 0 0 1 0 2ZM11.5 19H7a1 1 0 0 1 0-2h4.5a1 1 0 0 1 0 2Z\" fill=\"currentColor\" transform=\"scale(2)\"/></svg>\r\n  </ng-container>\r\n</div>\r\n<div class=\"lg:flex flex-1 self-center\">\r\n  <div class=\"lg:flex-1 lg:self-center\">\r\n    <ng-container [ngSwitch]=\"headingLevel\">\r\n      <h1 *ngSwitchCase=\"1\"\r\n          [class]=\"getTitle().classes\"\r\n          [attr.role]=\"getTitle().role\" [attr.aria-describedby]=\"getTitle().ariaDescribedBy\" [attr.aria-errormessage]=\"getTitle().ariaErrorMessage\" [attr.aria-label]=\"getTitle().ariaLabel\" [attr.aria-labelledby]=\"getTitle().ariaLabelledBy\" [attr.aria-hidden]=\"getTitle().ariaHidden\" [attr.aria-disabled]=\"getTitle().ariaDisabled\" [attr.aria-controls]=\"getTitle().ariaControls\" [attr.aria-current]=\"getTitle().ariaCurrent\" [attr.aria-live]=\"getTitle().ariaLive\" [attr.aria-expanded]=\"getTitle().ariaExpanded\" [attr.aria-haspopup]=\"getTitle().ariaHasPopup\" [attr.tabindex]=\"getTitle().tabindex\">\r\n        <ng-container *desyCustomInnerContent=\"{ component: titleComponent, html: getTitle().html, text: getTitle().text }\"></ng-container>\r\n      </h1>\r\n      <h2 *ngSwitchCase=\"2\"\r\n          [class]=\"getTitle().classes\"\r\n          [attr.role]=\"getTitle().role\" [attr.aria-describedby]=\"getTitle().ariaDescribedBy\" [attr.aria-errormessage]=\"getTitle().ariaErrorMessage\" [attr.aria-label]=\"getTitle().ariaLabel\" [attr.aria-labelledby]=\"getTitle().ariaLabelledBy\" [attr.aria-hidden]=\"getTitle().ariaHidden\" [attr.aria-disabled]=\"getTitle().ariaDisabled\" [attr.aria-controls]=\"getTitle().ariaControls\" [attr.aria-current]=\"getTitle().ariaCurrent\" [attr.aria-live]=\"getTitle().ariaLive\" [attr.aria-expanded]=\"getTitle().ariaExpanded\" [attr.aria-haspopup]=\"getTitle().ariaHasPopup\" [attr.tabindex]=\"getTitle().tabindex\">\r\n        <ng-container *desyCustomInnerContent=\"{ component: titleComponent, html: getTitle().html, text: getTitle().text }\"></ng-container>\r\n      </h2>\r\n      <h3 *ngSwitchCase=\"3\"\r\n          [class]=\"getTitle().classes\"\r\n          [attr.role]=\"getTitle().role\" [attr.aria-describedby]=\"getTitle().ariaDescribedBy\" [attr.aria-errormessage]=\"getTitle().ariaErrorMessage\" [attr.aria-label]=\"getTitle().ariaLabel\" [attr.aria-labelledby]=\"getTitle().ariaLabelledBy\" [attr.aria-hidden]=\"getTitle().ariaHidden\" [attr.aria-disabled]=\"getTitle().ariaDisabled\" [attr.aria-controls]=\"getTitle().ariaControls\" [attr.aria-current]=\"getTitle().ariaCurrent\" [attr.aria-live]=\"getTitle().ariaLive\" [attr.aria-expanded]=\"getTitle().ariaExpanded\" [attr.aria-haspopup]=\"getTitle().ariaHasPopup\" [attr.tabindex]=\"getTitle().tabindex\">\r\n        <ng-container *desyCustomInnerContent=\"{ component: titleComponent, html: getTitle().html, text: getTitle().text }\"></ng-container>\r\n      </h3>\r\n      <h4 *ngSwitchCase=\"4\"\r\n          [class]=\"getTitle().classes\"\r\n          [attr.role]=\"getTitle().role\" [attr.aria-describedby]=\"getTitle().ariaDescribedBy\" [attr.aria-errormessage]=\"getTitle().ariaErrorMessage\" [attr.aria-label]=\"getTitle().ariaLabel\" [attr.aria-labelledby]=\"getTitle().ariaLabelledBy\" [attr.aria-hidden]=\"getTitle().ariaHidden\" [attr.aria-disabled]=\"getTitle().ariaDisabled\" [attr.aria-controls]=\"getTitle().ariaControls\" [attr.aria-current]=\"getTitle().ariaCurrent\" [attr.aria-live]=\"getTitle().ariaLive\" [attr.aria-expanded]=\"getTitle().ariaExpanded\" [attr.aria-haspopup]=\"getTitle().ariaHasPopup\" [attr.tabindex]=\"getTitle().tabindex\">\r\n        <ng-container *desyCustomInnerContent=\"{ component: titleComponent, html: getTitle().html, text: getTitle().text }\"></ng-container>\r\n      </h4>\r\n      <h5 *ngSwitchCase=\"5\"\r\n          [class]=\"getTitle().classes\"\r\n          [attr.role]=\"getTitle().role\" [attr.aria-describedby]=\"getTitle().ariaDescribedBy\" [attr.aria-errormessage]=\"getTitle().ariaErrorMessage\" [attr.aria-label]=\"getTitle().ariaLabel\" [attr.aria-labelledby]=\"getTitle().ariaLabelledBy\" [attr.aria-hidden]=\"getTitle().ariaHidden\" [attr.aria-disabled]=\"getTitle().ariaDisabled\" [attr.aria-controls]=\"getTitle().ariaControls\" [attr.aria-current]=\"getTitle().ariaCurrent\" [attr.aria-live]=\"getTitle().ariaLive\" [attr.aria-expanded]=\"getTitle().ariaExpanded\" [attr.aria-haspopup]=\"getTitle().ariaHasPopup\" [attr.tabindex]=\"getTitle().tabindex\">\r\n        <ng-container *desyCustomInnerContent=\"{ component: titleComponent, html: getTitle().html, text: getTitle().text }\"></ng-container>\r\n      </h5>\r\n      <p *ngSwitchDefault\r\n          [class]=\"getTitle().classes\"\r\n          [attr.role]=\"getTitle().role\" [attr.aria-describedby]=\"getTitle().ariaDescribedBy\" [attr.aria-errormessage]=\"getTitle().ariaErrorMessage\" [attr.aria-label]=\"getTitle().ariaLabel\" [attr.aria-labelledby]=\"getTitle().ariaLabelledBy\" [attr.aria-hidden]=\"getTitle().ariaHidden\" [attr.aria-disabled]=\"getTitle().ariaDisabled\" [attr.aria-controls]=\"getTitle().ariaControls\" [attr.aria-current]=\"getTitle().ariaCurrent\" [attr.aria-live]=\"getTitle().ariaLive\" [attr.aria-expanded]=\"getTitle().ariaExpanded\" [attr.aria-haspopup]=\"getTitle().ariaHasPopup\" [attr.tabindex]=\"getTitle().tabindex\">\r\n        <ng-container *desyCustomInnerContent=\"{ component: titleComponent, html: getTitle().html, text: getTitle().text }\"></ng-container>\r\n      </p>\r\n    </ng-container>\r\n\r\n    <p *ngIf=\"descriptionComponent || description\" [class]=\"descriptionComponent ? descriptionComponent.classes : description.classes\"\r\n        [attr.role]=\"role\"\r\n        [attr.aria-describedby]=\"ariaDescribedBy\"\r\n        [attr.aria-errormessage]=\"ariaErrorMessage\"\r\n        [attr.aria-label]=\"ariaLabel\"\r\n        [attr.aria-labelledby]=\"ariaLabelledBy\"\r\n        [attr.aria-hidden]=\"ariaHidden\"\r\n        [attr.aria-disabled]=\"ariaDisabled\"\r\n        [attr.aria-controls]=\"ariaControls\"\r\n        [attr.aria-current]=\"ariaCurrent\"\r\n        [attr.aria-live]=\"ariaLive\"\r\n        [attr.aria-expanded]=\"ariaExpanded\"\r\n        [attr.aria-haspopup]=\"ariaHasPopup\"\r\n        [attr.tabindex]=\"tabindex\">\r\n      <ng-container *desyCustomInnerContent=\"{ component: descriptionComponent, html: description ? description.html : null, text: description ? description.text : null }\"></ng-container>\r\n    </p>\r\n    <ul class=\"-ml-sm lg:divide-x lg:divide-neutral-base\" *ngIf=\"itemComponents.length > 0 || items\">\r\n      <li class=\"lg:inline-block px-sm text-sm text-neutral-dark\" *ngFor=\"let item of getItems(); index as index\">\r\n        <ng-container *desyCustomInnerContent=\"{ component: item, text: item }\"></ng-container>\r\n      </li>\r\n    </ul>\r\n    <p *ngIf=\"contentBottomComponent || content\" [class]=\"contentBottomComponent ? contentBottomComponent.classes : content.classes\">\r\n      <ng-container *desyCustomInnerContent=\"{ component: contentBottomComponent, html: content ? content.html : null, text: content ? content.text : null }\"></ng-container>\r\n    </p>\r\n  </div>\r\n  <div class=\"w-full lg:w-auto lg:text-right mt-base lg:mt-0 lg:ml-base\" *ngIf=\"contentRightComponent || caller\">\r\n    <ng-container *desyCustomInnerContent=\"{ component: contentRightComponent, template: caller }\"></ng-container>\r\n  </div>\r\n</div>"
             },] }
 ];
 ItemComponent.ctorParameters = () => [
@@ -41,9 +59,9 @@ ItemComponent.propDecorators = {
     icon: [{ type: Input }],
     isDraggable: [{ type: Input }],
     isLocked: [{ type: Input }],
-    id: [{ type: Input }],
-    classes: [{ type: Input }],
     caller: [{ type: Input }],
+    classes: [{ type: Input }, { type: HostBinding, args: ['class',] }],
+    id: [{ type: Input }, { type: HostBinding, args: ['attr.id',] }],
     titleComponent: [{ type: ContentChildren, args: [TitleComponent,] }],
     descriptionComponent: [{ type: ContentChildren, args: [DescriptionComponent,] }],
     iconComponent: [{ type: ContentChildren, args: [IconComponent,] }],
@@ -66,4 +84,4 @@ __decorate([
 __decorate([
     DesyContentChild()
 ], ItemComponent.prototype, "contentRightComponent", void 0);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaXRlbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXN5LWFuZ3VsYXIvc3JjL2xpYi9kZXN5LXZpZXdzL2NvbXBvbmVudHMvaXRlbS9pdGVtLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUNMLGlCQUFpQixFQUNqQixTQUFTLEVBQ1QsZUFBZSxFQUNmLEtBQUssRUFHTixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUMsc0JBQXNCLEVBQUMsTUFBTSw0QkFBNEIsQ0FBQztBQUVsRSxPQUFPLEVBQUMsY0FBYyxFQUFDLE1BQU0sd0RBQXdELENBQUM7QUFDdEYsT0FBTyxFQUFDLG9CQUFvQixFQUFDLE1BQU0sb0VBQW9FLENBQUM7QUFDeEcsT0FBTyxFQUFDLHlCQUF5QixFQUFDLE1BQU0sbURBQW1ELENBQUM7QUFDNUYsT0FBTyxFQUFDLDBCQUEwQixFQUFDLE1BQU0scURBQXFELENBQUM7QUFDL0YsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0saUNBQWlDLENBQUM7QUFDbEUsT0FBTyxFQUFDLGFBQWEsRUFBQyxNQUFNLHNEQUFzRCxDQUFDO0FBQ25GLE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLHlEQUF5RCxDQUFDO0FBTXpGLE1BQU0sT0FBTyxhQUFjLFNBQVEsc0JBQXNCO0lBK0J2RCxZQUFvQixpQkFBb0M7UUFDdEQsS0FBSyxFQUFFLENBQUM7UUFEVSxzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO0lBRXhELENBQUM7SUFFRCxRQUFRO1FBQ04sT0FBTyxJQUFJLENBQUMsY0FBYyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsT0FBTyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDckYsQ0FBQztJQUVELHNCQUFzQixDQUFDLE9BQWdCO1FBQ3JDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUN6QyxDQUFDO0lBRUQsUUFBUTtRQUNOLE9BQU8sSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUN0RixDQUFDOzs7WUFqREYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxXQUFXO2dCQUNyQiwycllBQW9DO2FBQ3JDOzs7WUFwQkMsaUJBQWlCOzs7b0JBdUJoQixLQUFLOzBCQUNMLEtBQUs7MkJBQ0wsS0FBSztvQkFDTCxLQUFLO3NCQUNMLEtBQUs7bUJBQ0wsS0FBSzswQkFDTCxLQUFLO3VCQUNMLEtBQUs7aUJBQ0wsS0FBSztzQkFDTCxLQUFLO3FCQUNMLEtBQUs7NkJBR0wsZUFBZSxTQUFDLGNBQWM7bUNBRzlCLGVBQWUsU0FBQyxvQkFBb0I7NEJBR3BDLGVBQWUsU0FBQyxhQUFhO3FDQUc3QixlQUFlLFNBQUMsMEJBQTBCO29DQUcxQyxlQUFlLFNBQUMseUJBQXlCOzZCQUV6QyxlQUFlLFNBQUMsaUJBQWlCOztBQWREO0lBRGhDLGdCQUFnQixFQUFFO3FEQUM2QztBQUd6QjtJQUR0QyxnQkFBZ0IsRUFBRTsyREFDK0Q7QUFHbEQ7SUFEL0IsZ0JBQWdCLEVBQUU7b0RBQzBDO0FBR2hCO0lBRDVDLGdCQUFnQixFQUFFOzZEQUM2RTtBQUdwRDtJQUQzQyxnQkFBZ0IsRUFBRTs0REFDMEUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENoYW5nZURldGVjdG9yUmVmLFxyXG4gIENvbXBvbmVudCxcclxuICBDb250ZW50Q2hpbGRyZW4sXHJcbiAgSW5wdXQsXHJcbiAgUXVlcnlMaXN0LFxyXG4gIFRlbXBsYXRlUmVmXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7QWNjZXNzaWJpbGl0eUNvbXBvbmVudH0gZnJvbSAnLi4vLi4vLi4vc2hhcmVkL2NvbXBvbmVudHMnO1xyXG5pbXBvcnQge0NvbnRlbnREYXRhLCBEZXNjcmlwdGlvbkRhdGEsIEljb25EYXRhLCBUaXRsZURhdGF9IGZyb20gJy4uLy4uLy4uL2Rlc3ktY29tbW9ucy9pbnRlcmZhY2VzJztcclxuaW1wb3J0IHtUaXRsZUNvbXBvbmVudH0gZnJvbSAnLi4vLi4vLi4vZGVzeS1jb21tb25zL2NvbXBvbmVudHMvdGl0bGUvdGl0bGUuY29tcG9uZW50JztcclxuaW1wb3J0IHtEZXNjcmlwdGlvbkNvbXBvbmVudH0gZnJvbSAnLi4vLi4vLi4vZGVzeS1jb21tb25zL2NvbXBvbmVudHMvZGVzY3JpcHRpb24vZGVzY3JpcHRpb24uY29tcG9uZW50JztcclxuaW1wb3J0IHtJdGVtQ29udGVudFJpZ2h0Q29tcG9uZW50fSBmcm9tICcuL2l0ZW0tY29udGVudC1yaWdodC9pdGVtLWNvbnRlbnQtcmlnaHQuY29tcG9uZW50JztcclxuaW1wb3J0IHtJdGVtQ29udGVudEJvdHRvbUNvbXBvbmVudH0gZnJvbSAnLi9pdGVtLWNvbnRlbnQtYm90dG9tL2l0ZW0tY29udGVudC1ib3R0b20uY29tcG9uZW50JztcclxuaW1wb3J0IHtJdGVtSXRlbUNvbXBvbmVudH0gZnJvbSAnLi9pdGVtLWl0ZW0vaXRlbS1pdGVtLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7SWNvbkNvbXBvbmVudH0gZnJvbSAnLi4vLi4vLi4vZGVzeS1jb21tb25zL2NvbXBvbmVudHMvaWNvbi9pY29uLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7RGVzeUNvbnRlbnRDaGlsZH0gZnJvbSAnLi4vLi4vLi4vc2hhcmVkL2RlY29yYXRvcnMvZGVzeS1jb250ZW50LWNoaWxkLmRlY29yYXRvcic7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2Rlc3ktaXRlbScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2l0ZW0uY29tcG9uZW50Lmh0bWwnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBJdGVtQ29tcG9uZW50IGV4dGVuZHMgQWNjZXNzaWJpbGl0eUNvbXBvbmVudCB7XHJcblxyXG4gIEBJbnB1dCgpIHRpdGxlOiBUaXRsZURhdGE7XHJcbiAgQElucHV0KCkgZGVzY3JpcHRpb246IERlc2NyaXB0aW9uRGF0YTtcclxuICBASW5wdXQoKSBoZWFkaW5nTGV2ZWw6IG51bWJlcjtcclxuICBASW5wdXQoKSBpdGVtczogc3RyaW5nW107XHJcbiAgQElucHV0KCkgY29udGVudDogQ29udGVudERhdGE7XHJcbiAgQElucHV0KCkgaWNvbjogSWNvbkRhdGE7XHJcbiAgQElucHV0KCkgaXNEcmFnZ2FibGU6IGJvb2xlYW47XHJcbiAgQElucHV0KCkgaXNMb2NrZWQ6IGJvb2xlYW47XHJcbiAgQElucHV0KCkgaWQ6IHN0cmluZztcclxuICBASW5wdXQoKSBjbGFzc2VzOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgY2FsbGVyOiBUZW1wbGF0ZVJlZjxhbnk+O1xyXG5cclxuICBARGVzeUNvbnRlbnRDaGlsZCgpXHJcbiAgQENvbnRlbnRDaGlsZHJlbihUaXRsZUNvbXBvbmVudCkgdGl0bGVDb21wb25lbnQ6IFRpdGxlQ29tcG9uZW50O1xyXG5cclxuICBARGVzeUNvbnRlbnRDaGlsZCgpXHJcbiAgQENvbnRlbnRDaGlsZHJlbihEZXNjcmlwdGlvbkNvbXBvbmVudCkgZGVzY3JpcHRpb25Db21wb25lbnQ6IERlc2NyaXB0aW9uQ29tcG9uZW50O1xyXG5cclxuICBARGVzeUNvbnRlbnRDaGlsZCgpXHJcbiAgQENvbnRlbnRDaGlsZHJlbihJY29uQ29tcG9uZW50KSBpY29uQ29tcG9uZW50OiBJY29uQ29tcG9uZW50O1xyXG5cclxuICBARGVzeUNvbnRlbnRDaGlsZCgpXHJcbiAgQENvbnRlbnRDaGlsZHJlbihJdGVtQ29udGVudEJvdHRvbUNvbXBvbmVudCkgY29udGVudEJvdHRvbUNvbXBvbmVudDogSXRlbUNvbnRlbnRCb3R0b21Db21wb25lbnQ7XHJcblxyXG4gIEBEZXN5Q29udGVudENoaWxkKClcclxuICBAQ29udGVudENoaWxkcmVuKEl0ZW1Db250ZW50UmlnaHRDb21wb25lbnQpIGNvbnRlbnRSaWdodENvbXBvbmVudDogSXRlbUNvbnRlbnRSaWdodENvbXBvbmVudDtcclxuXHJcbiAgQENvbnRlbnRDaGlsZHJlbihJdGVtSXRlbUNvbXBvbmVudCkgaXRlbUNvbXBvbmVudHM6IFF1ZXJ5TGlzdDxJdGVtSXRlbUNvbXBvbmVudD47XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY2hhbmdlRGV0ZWN0b3JSZWY6IENoYW5nZURldGVjdG9yUmVmKSB7XHJcbiAgICBzdXBlcigpO1xyXG4gIH1cclxuXHJcbiAgZ2V0SXRlbXMoKTogc3RyaW5nW118SXRlbUl0ZW1Db21wb25lbnRbXSB7XHJcbiAgICByZXR1cm4gdGhpcy5pdGVtQ29tcG9uZW50cy5sZW5ndGggPiAwID8gdGhpcy5pdGVtQ29tcG9uZW50cy50b0FycmF5KCkgOiB0aGlzLml0ZW1zO1xyXG4gIH1cclxuXHJcbiAgaGFuZGxlSWNvbkNvbnRlbnRFbXB0eShpc0VtcHR5OiBib29sZWFuKTogdm9pZCB7XHJcbiAgICB0aGlzLmNoYW5nZURldGVjdG9yUmVmLmRldGVjdENoYW5nZXMoKTtcclxuICB9XHJcblxyXG4gIGdldFRpdGxlKCk6IFRpdGxlRGF0YSB7XHJcbiAgICByZXR1cm4gdGhpcy50aXRsZUNvbXBvbmVudCA/IHRoaXMudGl0bGVDb21wb25lbnQgOiAodGhpcy50aXRsZSA/IHRoaXMudGl0bGUgOiBudWxsKTtcclxuICB9XHJcblxyXG59XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaXRlbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXN5LWFuZ3VsYXIvc3JjL2xpYi9kZXN5LXZpZXdzL2NvbXBvbmVudHMvaXRlbS9pdGVtLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUNMLGlCQUFpQixFQUNqQixTQUFTLEVBQ1QsZUFBZSxFQUNmLFdBQVcsRUFDWCxLQUFLLEVBTU4sTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFDLHNCQUFzQixFQUFDLE1BQU0sNEJBQTRCLENBQUM7QUFFbEUsT0FBTyxFQUFDLGNBQWMsRUFBQyxNQUFNLHdEQUF3RCxDQUFDO0FBQ3RGLE9BQU8sRUFBQyxvQkFBb0IsRUFBQyxNQUFNLG9FQUFvRSxDQUFDO0FBQ3hHLE9BQU8sRUFBQyx5QkFBeUIsRUFBQyxNQUFNLG1EQUFtRCxDQUFDO0FBQzVGLE9BQU8sRUFBQywwQkFBMEIsRUFBQyxNQUFNLHFEQUFxRCxDQUFDO0FBQy9GLE9BQU8sRUFBQyxpQkFBaUIsRUFBQyxNQUFNLGlDQUFpQyxDQUFDO0FBQ2xFLE9BQU8sRUFBQyxhQUFhLEVBQUMsTUFBTSxzREFBc0QsQ0FBQztBQUNuRixPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSx5REFBeUQsQ0FBQztBQU16RixNQUFNLE9BQU8sYUFBYyxTQUFRLHNCQUFzQjtJQWdDdkQsWUFBb0IsaUJBQW9DO1FBQ3RELEtBQUssRUFBRSxDQUFDO1FBRFUsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtJQUV4RCxDQUFDO0lBQ0QsUUFBUTtRQUNOLE1BQU0sZ0JBQWdCLEdBQUcsV0FBVyxDQUFDLEdBQUcsRUFBRTtZQUN4QyxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7WUFDcEIsYUFBYSxDQUFDLGdCQUFnQixDQUFDLENBQUM7UUFDaEMsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDO0lBQ1osQ0FBQztJQUVELFFBQVE7UUFDTixPQUFPLElBQUksQ0FBQyxjQUFjLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxPQUFPLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQztJQUNyRixDQUFDO0lBRUQsc0JBQXNCLENBQUMsT0FBZ0I7UUFDckMsSUFBSSxDQUFDLGlCQUFpQixDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ3pDLENBQUM7SUFFRCxRQUFRO1FBQ04sT0FBTyxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3RGLENBQUM7SUFFRCxPQUFPO1FBQ0wsT0FBTyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFBO0lBQ2pGLENBQUM7SUFFRCxXQUFXLENBQUMsT0FBc0I7UUFDaEMsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFRCxZQUFZO1FBQ1YsSUFBRyxJQUFJLENBQUMsUUFBUSxFQUFFLEVBQUM7WUFDakIsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsT0FBTyxJQUFJLG9FQUFvRSxDQUFDLENBQUMsQ0FBQyxtRUFBbUUsQ0FBQztZQUN6TCxJQUFJLENBQUMsRUFBRSxHQUFHLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztTQUNwQztJQUNILENBQUM7OztZQXZFRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLFdBQVc7Z0JBQ3JCLGl6V0FBb0M7YUFDckM7OztZQXhCQyxpQkFBaUI7OztvQkEyQmhCLEtBQUs7MEJBQ0wsS0FBSzsyQkFDTCxLQUFLO29CQUNMLEtBQUs7c0JBQ0wsS0FBSzttQkFDTCxLQUFLOzBCQUNMLEtBQUs7dUJBQ0wsS0FBSztxQkFDTCxLQUFLO3NCQUVMLEtBQUssWUFBSSxXQUFXLFNBQUMsT0FBTztpQkFDNUIsS0FBSyxZQUFJLFdBQVcsU0FBQyxTQUFTOzZCQUc5QixlQUFlLFNBQUMsY0FBYzttQ0FHOUIsZUFBZSxTQUFDLG9CQUFvQjs0QkFHcEMsZUFBZSxTQUFDLGFBQWE7cUNBRzdCLGVBQWUsU0FBQywwQkFBMEI7b0NBRzFDLGVBQWUsU0FBQyx5QkFBeUI7NkJBRXpDLGVBQWUsU0FBQyxpQkFBaUI7O0FBZEQ7SUFEaEMsZ0JBQWdCLEVBQUU7cURBQzZDO0FBR3pCO0lBRHRDLGdCQUFnQixFQUFFOzJEQUMrRDtBQUdsRDtJQUQvQixnQkFBZ0IsRUFBRTtvREFDMEM7QUFHaEI7SUFENUMsZ0JBQWdCLEVBQUU7NkRBQzZFO0FBR3BEO0lBRDNDLGdCQUFnQixFQUFFOzREQUMwRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgQ29tcG9uZW50LFxyXG4gIENvbnRlbnRDaGlsZHJlbixcclxuICBIb3N0QmluZGluZyxcclxuICBJbnB1dCxcclxuICBPbkNoYW5nZXMsXHJcbiAgT25Jbml0LFxyXG4gIFF1ZXJ5TGlzdCxcclxuICBTaW1wbGVDaGFuZ2VzLFxyXG4gIFRlbXBsYXRlUmVmXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7QWNjZXNzaWJpbGl0eUNvbXBvbmVudH0gZnJvbSAnLi4vLi4vLi4vc2hhcmVkL2NvbXBvbmVudHMnO1xyXG5pbXBvcnQge0NvbnRlbnREYXRhLCBEZXNjcmlwdGlvbkRhdGEsIEljb25EYXRhLCBUaXRsZURhdGF9IGZyb20gJy4uLy4uLy4uL2Rlc3ktY29tbW9ucy9pbnRlcmZhY2VzJztcclxuaW1wb3J0IHtUaXRsZUNvbXBvbmVudH0gZnJvbSAnLi4vLi4vLi4vZGVzeS1jb21tb25zL2NvbXBvbmVudHMvdGl0bGUvdGl0bGUuY29tcG9uZW50JztcclxuaW1wb3J0IHtEZXNjcmlwdGlvbkNvbXBvbmVudH0gZnJvbSAnLi4vLi4vLi4vZGVzeS1jb21tb25zL2NvbXBvbmVudHMvZGVzY3JpcHRpb24vZGVzY3JpcHRpb24uY29tcG9uZW50JztcclxuaW1wb3J0IHtJdGVtQ29udGVudFJpZ2h0Q29tcG9uZW50fSBmcm9tICcuL2l0ZW0tY29udGVudC1yaWdodC9pdGVtLWNvbnRlbnQtcmlnaHQuY29tcG9uZW50JztcclxuaW1wb3J0IHtJdGVtQ29udGVudEJvdHRvbUNvbXBvbmVudH0gZnJvbSAnLi9pdGVtLWNvbnRlbnQtYm90dG9tL2l0ZW0tY29udGVudC1ib3R0b20uY29tcG9uZW50JztcclxuaW1wb3J0IHtJdGVtSXRlbUNvbXBvbmVudH0gZnJvbSAnLi9pdGVtLWl0ZW0vaXRlbS1pdGVtLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7SWNvbkNvbXBvbmVudH0gZnJvbSAnLi4vLi4vLi4vZGVzeS1jb21tb25zL2NvbXBvbmVudHMvaWNvbi9pY29uLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7RGVzeUNvbnRlbnRDaGlsZH0gZnJvbSAnLi4vLi4vLi4vc2hhcmVkL2RlY29yYXRvcnMvZGVzeS1jb250ZW50LWNoaWxkLmRlY29yYXRvcic7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2Rlc3ktaXRlbScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2l0ZW0uY29tcG9uZW50Lmh0bWwnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBJdGVtQ29tcG9uZW50IGV4dGVuZHMgQWNjZXNzaWJpbGl0eUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcywgT25Jbml0IHtcclxuXHJcbiAgQElucHV0KCkgdGl0bGU6IFRpdGxlRGF0YTtcclxuICBASW5wdXQoKSBkZXNjcmlwdGlvbjogRGVzY3JpcHRpb25EYXRhO1xyXG4gIEBJbnB1dCgpIGhlYWRpbmdMZXZlbDogbnVtYmVyO1xyXG4gIEBJbnB1dCgpIGl0ZW1zOiBzdHJpbmdbXTtcclxuICBASW5wdXQoKSBjb250ZW50OiBDb250ZW50RGF0YTtcclxuICBASW5wdXQoKSBpY29uOiBJY29uRGF0YTtcclxuICBASW5wdXQoKSBpc0RyYWdnYWJsZTogYm9vbGVhbjtcclxuICBASW5wdXQoKSBpc0xvY2tlZDogYm9vbGVhbjtcclxuICBASW5wdXQoKSBjYWxsZXI6IFRlbXBsYXRlUmVmPGFueT47XHJcblxyXG4gIEBJbnB1dCgpIEBIb3N0QmluZGluZygnY2xhc3MnKSBjbGFzc2VzOiBhbnk7XHJcbiAgQElucHV0KCkgQEhvc3RCaW5kaW5nKCdhdHRyLmlkJykgaWQ6IGFueTtcclxuXHJcbiAgQERlc3lDb250ZW50Q2hpbGQoKVxyXG4gIEBDb250ZW50Q2hpbGRyZW4oVGl0bGVDb21wb25lbnQpIHRpdGxlQ29tcG9uZW50OiBUaXRsZUNvbXBvbmVudDtcclxuXHJcbiAgQERlc3lDb250ZW50Q2hpbGQoKVxyXG4gIEBDb250ZW50Q2hpbGRyZW4oRGVzY3JpcHRpb25Db21wb25lbnQpIGRlc2NyaXB0aW9uQ29tcG9uZW50OiBEZXNjcmlwdGlvbkNvbXBvbmVudDtcclxuXHJcbiAgQERlc3lDb250ZW50Q2hpbGQoKVxyXG4gIEBDb250ZW50Q2hpbGRyZW4oSWNvbkNvbXBvbmVudCkgaWNvbkNvbXBvbmVudDogSWNvbkNvbXBvbmVudDtcclxuXHJcbiAgQERlc3lDb250ZW50Q2hpbGQoKVxyXG4gIEBDb250ZW50Q2hpbGRyZW4oSXRlbUNvbnRlbnRCb3R0b21Db21wb25lbnQpIGNvbnRlbnRCb3R0b21Db21wb25lbnQ6IEl0ZW1Db250ZW50Qm90dG9tQ29tcG9uZW50O1xyXG5cclxuICBARGVzeUNvbnRlbnRDaGlsZCgpXHJcbiAgQENvbnRlbnRDaGlsZHJlbihJdGVtQ29udGVudFJpZ2h0Q29tcG9uZW50KSBjb250ZW50UmlnaHRDb21wb25lbnQ6IEl0ZW1Db250ZW50UmlnaHRDb21wb25lbnQ7XHJcblxyXG4gIEBDb250ZW50Q2hpbGRyZW4oSXRlbUl0ZW1Db21wb25lbnQpIGl0ZW1Db21wb25lbnRzOiBRdWVyeUxpc3Q8SXRlbUl0ZW1Db21wb25lbnQ+O1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGNoYW5nZURldGVjdG9yUmVmOiBDaGFuZ2VEZXRlY3RvclJlZikge1xyXG4gICAgc3VwZXIoKTtcclxuICB9XHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICBjb25zdCBwcm9ncmVzc0ludGVydmFsID0gc2V0SW50ZXJ2YWwoKCkgPT4ge1xyXG4gICAgICB0aGlzLmNoZWNrQ2xhc3NlcygpO1xyXG4gICAgICBjbGVhckludGVydmFsKHByb2dyZXNzSW50ZXJ2YWwpOyBcclxuICAgICAgfSwgNTAwKTtcclxuICB9XHJcblxyXG4gIGdldEl0ZW1zKCk6IHN0cmluZ1tdfEl0ZW1JdGVtQ29tcG9uZW50W10ge1xyXG4gICAgcmV0dXJuIHRoaXMuaXRlbUNvbXBvbmVudHMubGVuZ3RoID4gMCA/IHRoaXMuaXRlbUNvbXBvbmVudHMudG9BcnJheSgpIDogdGhpcy5pdGVtcztcclxuICB9XHJcblxyXG4gIGhhbmRsZUljb25Db250ZW50RW1wdHkoaXNFbXB0eTogYm9vbGVhbik6IHZvaWQge1xyXG4gICAgdGhpcy5jaGFuZ2VEZXRlY3RvclJlZi5kZXRlY3RDaGFuZ2VzKCk7XHJcbiAgfVxyXG5cclxuICBnZXRUaXRsZSgpOiBUaXRsZURhdGEge1xyXG4gICAgcmV0dXJuIHRoaXMudGl0bGVDb21wb25lbnQgPyB0aGlzLnRpdGxlQ29tcG9uZW50IDogKHRoaXMudGl0bGUgPyB0aGlzLnRpdGxlIDogbnVsbCk7XHJcbiAgfVxyXG5cclxuICBnZXRJY29uKCk6IEljb25EYXRhIHtcclxuICAgIHJldHVybiB0aGlzLmljb25Db21wb25lbnQgPyB0aGlzLmljb25Db21wb25lbnQgOiAodGhpcy5pY29uID8gdGhpcy5pY29uIDogbnVsbClcclxuICB9XHJcblxyXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcclxuICAgIHRoaXMuY2hlY2tDbGFzc2VzKCk7XHJcbiAgfVxyXG5cclxuICBjaGVja0NsYXNzZXMgKCk6IHZvaWQge1xyXG4gICAgaWYodGhpcy5nZXRUaXRsZSgpKXtcclxuICAgICAgdGhpcy5jbGFzc2VzID0gdGhpcy5jbGFzc2VzID8gdGhpcy5jbGFzc2VzICs9ICcgZmxleCBmbGV4LXdyYXAgcC1iYXNlIGJnLXdoaXRlIGJvcmRlciBib3JkZXItbmV1dHJhbC1iYXNlIHJvdW5kZWQnIDogJ2ZsZXggZmxleC13cmFwIHAtYmFzZSBiZy13aGl0ZSBib3JkZXIgYm9yZGVyLW5ldXRyYWwtYmFzZSByb3VuZGVkJztcclxuICAgICAgdGhpcy5pZCA9IHRoaXMuaWQgPyB0aGlzLmlkIDogbnVsbDtcclxuICAgIH1cclxuICB9XHJcblxyXG59XHJcbiJdfQ==

package/esm2015/lib/desy-views/components/media-object/media-object.component.js

@@ -1,26 +1,59 @@
 import { __decorate } from "tslib";
 import { AccessibilityComponent } from '../../../shared/components';
-import { Component, Input, ContentChildren, ElementRef, ViewChild } from '@angular/core';
+import { Component, Input, ContentChildren, ElementRef, ViewChild, HostBinding } from '@angular/core';
 import { ContentComponent } from '../../../desy-commons/components/content/content.component';
 import { DesyContentChild } from '../../../shared/decorators/desy-content-child.decorator';
 import { MediaObjectFigureComponent } from './media-object-figure/media-object-figure.component';
 export class MediaObjectComponent extends AccessibilityComponent {
+    ngOnChanges(changes) {
+        this.classes = 'flex' + (this.classes ? ' ' + this.classes : '') + (this.center == true ? ' ' : '');
+        this.cfgr = this.center;
+        this.idData = this.id ? this.id : null;
+        this.roleData = this.role ? this.role : null;
+        this.ariaDescribedbyData = this.ariaDescribedBy ? this.ariaDescribedBy : null;
+        this.ariaErrormessageData = this.ariaErrorMessage ? this.ariaErrorMessage : null;
+        this.ariaLabelData = this.ariaLabel ? this.ariaLabel : null;
+        this.ariaLabelledbyData = this.ariaLabelledBy ? this.ariaLabelledBy : null;
+        this.ariaHiddenData = this.ariaHidden ? this.ariaHidden : null;
+        this.ariaDisabledData = this.ariaDisabled ? this.ariaDisabled : null;
+        this.ariaControlsData = this.ariaControls ? this.ariaControls : null;
+        this.ariaCurrentData = this.ariaCurrent ? this.ariaCurrent : null;
+        this.ariaLiveData = this.ariaLive ? this.ariaLive : null;
+        this.ariaExpandedData = this.ariaExpanded ? this.ariaExpanded : null;
+        this.ariaHaspopupData = this.ariaHasPopup ? this.ariaHasPopup : null;
+        this.tabindexData = this.tabindex ? this.tabindex : null;
+    }
 }
 MediaObjectComponent.decorators = [
     { type: Component, args: [{
                 selector: 'desy-media-object',
-                template: "<div [class]=\"'flex' + (classes ? ' ' + classes : '') + (center==true ? ' ' + 'items-center' : '')\" \r\n    [attr.id]=\"id\"\r\n    [attr.role]=\"role\"\r\n    [attr.aria-describedby]=\"ariaDescribedBy\"\r\n    [attr.aria-errormessage]=\"ariaErrorMessage\"\r\n    [attr.aria-label]=\"ariaLabel\"\r\n    [attr.aria-labelledby]=\"ariaLabelledBy\"\r\n    [attr.aria-hidden]=\"ariaHidden\"\r\n    [attr.aria-disabled]=\"ariaDisabled\"\r\n    [attr.aria-controls]=\"ariaControls\"\r\n    [attr.aria-current]=\"ariaCurrent\"\r\n    [attr.aria-live]=\"ariaLive\"\r\n    [attr.aria-expanded]=\"ariaExpanded\"\r\n    [attr.aria-haspopup]=\"ariaHasPopup ? ariaHasPopup : null\"\r\n    [attr.tabindex]=\"tabindex\">\r\n    \r\n    <div *ngIf=\"figureHtml\" [class]=\"(reverse==true ? ' ' + 'order-1' : '') + (figureClasses ? ' ' + figureClasses : '')\" [attr.figureHtml]=\"figureHtml\" [innerHtml]=\"figureHtml\"></div>\r\n\r\n    <div #mediaFigureContent *ngIf=\"!figureHtml\" [class]=\"(reverse==true ? ' ' + 'order-1' : '') + (figureClasses ? ' ' + figureClasses : '')\">\r\n        <ng-container *desyCustomInnerContent=\"{ component: mediaObjectFigureComponent }\"></ng-container>\r\n    </div>\r\n\r\n    <div [class]=\"'flex-1' + (contenClasses ? ' ' + contenClasses : '')\">\r\n        <ng-container *desyCustomInnerContent=\"{ component: contentComponent, template: caller }\"></ng-container>\r\n    </div>\r\n    \r\n</div>\r\n\r\n"
+                template: "<div *ngIf=\"figureHtml\" [class]=\"(reverse==true ? ' ' + 'order-1' : '') + (figureClasses ? ' ' + figureClasses : '')\" [attr.figureHtml]=\"figureHtml\" [innerHtml]=\"figureHtml\"></div>\r\n\r\n<div #mediaFigureContent *ngIf=\"!figureHtml\" [class]=\"(reverse==true ? ' ' + 'order-1' : '') + (figureClasses ? ' ' + figureClasses : '')\">\r\n    <ng-container *desyCustomInnerContent=\"{ component: mediaObjectFigureComponent }\"></ng-container>\r\n</div>\r\n\r\n<div [class]=\"'flex-1' + (contenClasses ? ' ' + contenClasses : '')\">\r\n    <ng-container *desyCustomInnerContent=\"{ component: contentComponent, template: caller }\"></ng-container>\r\n</div>"
             },] }
 ];
 MediaObjectComponent.propDecorators = {
     figureHtml: [{ type: Input }],
-    classes: [{ type: Input }],
     center: [{ type: Input }],
     reverse: [{ type: Input }],
     figureClasses: [{ type: Input }],
     contenClasses: [{ type: Input }],
     caller: [{ type: Input }],
     id: [{ type: Input }],
+    classes: [{ type: Input }, { type: HostBinding, args: ['class',] }],
+    cfgr: [{ type: HostBinding, args: ['class.items-center',] }],
+    idData: [{ type: HostBinding, args: ['attr.id',] }],
+    roleData: [{ type: HostBinding, args: ['attr.role',] }],
+    ariaDescribedbyData: [{ type: HostBinding, args: ['attr.aria-describedby',] }],
+    ariaErrormessageData: [{ type: HostBinding, args: ['attr.aria-errormessage',] }],
+    ariaLabelData: [{ type: HostBinding, args: ['attr.aria-label',] }],
+    ariaLabelledbyData: [{ type: HostBinding, args: ['attr.aria-labelledby',] }],
+    ariaHiddenData: [{ type: HostBinding, args: ['attr.aria-hidden',] }],
+    ariaDisabledData: [{ type: HostBinding, args: ['attr.aria-disabled',] }],
+    ariaControlsData: [{ type: HostBinding, args: ['attr.aria-controls',] }],
+    ariaCurrentData: [{ type: HostBinding, args: ['attr.aria-current',] }],
+    ariaLiveData: [{ type: HostBinding, args: ['attr.aria-live',] }],
+    ariaExpandedData: [{ type: HostBinding, args: ['attr.aria-expanded',] }],
+    ariaHaspopupData: [{ type: HostBinding, args: ['attr.aria-haspopup',] }],
+    tabindexData: [{ type: HostBinding, args: ['attr.tabindex',] }],
     contentComponent: [{ type: ContentChildren, args: [ContentComponent,] }],
     mediaObjectFigureComponent: [{ type: ContentChildren, args: [MediaObjectFigureComponent,] }],
     mediaFigureContent: [{ type: ViewChild, args: ['mediaFigureContent', { read: ElementRef, static: true },] }]
@@ -31,4 +64,4 @@ __decorate([
 __decorate([
     DesyContentChild()
 ], MediaObjectComponent.prototype, "mediaObjectFigureComponent", void 0);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVkaWEtb2JqZWN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc3ktYW5ndWxhci9zcmMvbGliL2Rlc3ktdmlld3MvY29tcG9uZW50cy9tZWRpYS1vYmplY3QvbWVkaWEtb2JqZWN0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDcEUsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQWUsZUFBZSxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdEcsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sNERBQTRELENBQUM7QUFDOUYsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0seURBQXlELENBQUM7QUFDM0YsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0scURBQXFELENBQUM7QUFNakcsTUFBTSxPQUFPLG9CQUFxQixTQUFRLHNCQUFzQjs7O1lBSi9ELFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsbUJBQW1CO2dCQUM3QixvNkNBQTRDO2FBQzdDOzs7eUJBR0UsS0FBSztzQkFDTCxLQUFLO3FCQUNMLEtBQUs7c0JBQ0wsS0FBSzs0QkFDTCxLQUFLOzRCQUNMLEtBQUs7cUJBRUwsS0FBSztpQkFDTCxLQUFLOytCQUdMLGVBQWUsU0FBQyxnQkFBZ0I7eUNBR2hDLGVBQWUsU0FBQywwQkFBMEI7aUNBRTFDLFNBQVMsU0FBQyxvQkFBb0IsRUFBRSxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTs7QUFMaEM7SUFEbEMsZ0JBQWdCLEVBQUU7OERBQ21EO0FBR3pCO0lBRDVDLGdCQUFnQixFQUFFO3dFQUNpRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFjY2Vzc2liaWxpdHlDb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi9zaGFyZWQvY29tcG9uZW50cyc7XHJcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIFRlbXBsYXRlUmVmLCBDb250ZW50Q2hpbGRyZW4sIEVsZW1lbnRSZWYsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb250ZW50Q29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vZGVzeS1jb21tb25zL2NvbXBvbmVudHMvY29udGVudC9jb250ZW50LmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IERlc3lDb250ZW50Q2hpbGQgfSBmcm9tICcuLi8uLi8uLi9zaGFyZWQvZGVjb3JhdG9ycy9kZXN5LWNvbnRlbnQtY2hpbGQuZGVjb3JhdG9yJztcclxuaW1wb3J0IHsgTWVkaWFPYmplY3RGaWd1cmVDb21wb25lbnQgfSBmcm9tICcuL21lZGlhLW9iamVjdC1maWd1cmUvbWVkaWEtb2JqZWN0LWZpZ3VyZS5jb21wb25lbnQnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdkZXN5LW1lZGlhLW9iamVjdCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL21lZGlhLW9iamVjdC5jb21wb25lbnQuaHRtbCdcclxufSlcclxuZXhwb3J0IGNsYXNzIE1lZGlhT2JqZWN0Q29tcG9uZW50IGV4dGVuZHMgQWNjZXNzaWJpbGl0eUNvbXBvbmVudCB7XHJcblxyXG4gIEBJbnB1dCgpIGZpZ3VyZUh0bWw6IHN0cmluZztcclxuICBASW5wdXQoKSBjbGFzc2VzOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgY2VudGVyOiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIHJldmVyc2U6IGJvb2xlYW47XHJcbiAgQElucHV0KCkgZmlndXJlQ2xhc3Nlczogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGNvbnRlbkNsYXNzZXM6IHN0cmluZztcclxuXHJcbiAgQElucHV0KCkgY2FsbGVyOiBUZW1wbGF0ZVJlZjxhbnk+O1xyXG4gIEBJbnB1dCgpIGlkOiBzdHJpbmc7XHJcblxyXG4gIEBEZXN5Q29udGVudENoaWxkKClcclxuICBAQ29udGVudENoaWxkcmVuKENvbnRlbnRDb21wb25lbnQpIGNvbnRlbnRDb21wb25lbnQ6IENvbnRlbnRDb21wb25lbnQ7XHJcbiAgXHJcbiAgQERlc3lDb250ZW50Q2hpbGQoKVxyXG4gIEBDb250ZW50Q2hpbGRyZW4oTWVkaWFPYmplY3RGaWd1cmVDb21wb25lbnQpIG1lZGlhT2JqZWN0RmlndXJlQ29tcG9uZW50OiBNZWRpYU9iamVjdEZpZ3VyZUNvbXBvbmVudDtcclxuXHJcbiAgQFZpZXdDaGlsZCgnbWVkaWFGaWd1cmVDb250ZW50JywgeyByZWFkOiBFbGVtZW50UmVmLCBzdGF0aWM6IHRydWUgfSkgbWVkaWFGaWd1cmVDb250ZW50OiBFbGVtZW50UmVmO1xyXG5cclxufVxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVkaWEtb2JqZWN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc3ktYW5ndWxhci9zcmMvbGliL2Rlc3ktdmlld3MvY29tcG9uZW50cy9tZWRpYS1vYmplY3QvbWVkaWEtb2JqZWN0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDcEUsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQWUsZUFBZSxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUE0QixNQUFNLGVBQWUsQ0FBQztBQUM3SSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw0REFBNEQsQ0FBQztBQUM5RixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx5REFBeUQsQ0FBQztBQUMzRixPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxxREFBcUQsQ0FBQztBQU1qRyxNQUFNLE9BQU8sb0JBQXFCLFNBQVEsc0JBQXNCO0lBc0M5RCxXQUFXLENBQUMsT0FBc0I7UUFDaEMsSUFBSSxDQUFDLE9BQU8sR0FBRyxNQUFNLEdBQUcsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxHQUFHLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsTUFBTSxJQUFFLElBQUksQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUNsRyxJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUM7UUFDeEIsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7UUFDdkMsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7UUFDN0MsSUFBSSxDQUFDLG1CQUFtQixHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztRQUM5RSxJQUFJLENBQUMsb0JBQW9CLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztRQUNqRixJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztRQUM1RCxJQUFJLENBQUMsa0JBQWtCLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO1FBQzNFLElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO1FBQy9ELElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7UUFDckUsSUFBSSxDQUFDLGdCQUFnQixHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztRQUNyRSxJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztRQUNsRSxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztRQUN6RCxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO1FBQ3JFLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7UUFDckUsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7SUFDM0QsQ0FBQzs7O1lBM0RGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsbUJBQW1CO2dCQUM3QixncUJBQTRDO2FBQzdDOzs7eUJBR0UsS0FBSztxQkFDTCxLQUFLO3NCQUNMLEtBQUs7NEJBQ0wsS0FBSzs0QkFDTCxLQUFLO3FCQUVMLEtBQUs7aUJBQ0wsS0FBSztzQkFFTCxLQUFLLFlBQUksV0FBVyxTQUFDLE9BQU87bUJBQzVCLFdBQVcsU0FBQyxvQkFBb0I7cUJBR2hDLFdBQVcsU0FBQyxTQUFTO3VCQUNyQixXQUFXLFNBQUMsV0FBVztrQ0FDdkIsV0FBVyxTQUFDLHVCQUF1QjttQ0FDbkMsV0FBVyxTQUFDLHdCQUF3Qjs0QkFDcEMsV0FBVyxTQUFDLGlCQUFpQjtpQ0FDN0IsV0FBVyxTQUFDLHNCQUFzQjs2QkFDbEMsV0FBVyxTQUFDLGtCQUFrQjsrQkFDOUIsV0FBVyxTQUFDLG9CQUFvQjsrQkFDaEMsV0FBVyxTQUFDLG9CQUFvQjs4QkFDaEMsV0FBVyxTQUFDLG1CQUFtQjsyQkFDL0IsV0FBVyxTQUFDLGdCQUFnQjsrQkFDNUIsV0FBVyxTQUFDLG9CQUFvQjsrQkFDaEMsV0FBVyxTQUFDLG9CQUFvQjsyQkFDaEMsV0FBVyxTQUFDLGVBQWU7K0JBRzNCLGVBQWUsU0FBQyxnQkFBZ0I7eUNBR2hDLGVBQWUsU0FBQywwQkFBMEI7aUNBRTFDLFNBQVMsU0FBQyxvQkFBb0IsRUFBRSxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTs7QUFMaEM7SUFEbEMsZ0JBQWdCLEVBQUU7OERBQ21EO0FBR3pCO0lBRDVDLGdCQUFnQixFQUFFO3dFQUNpRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFjY2Vzc2liaWxpdHlDb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi9zaGFyZWQvY29tcG9uZW50cyc7XHJcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIFRlbXBsYXRlUmVmLCBDb250ZW50Q2hpbGRyZW4sIEVsZW1lbnRSZWYsIFZpZXdDaGlsZCwgSG9zdEJpbmRpbmcsIE9uQ2hhbmdlcywgU2ltcGxlQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb250ZW50Q29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vZGVzeS1jb21tb25zL2NvbXBvbmVudHMvY29udGVudC9jb250ZW50LmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IERlc3lDb250ZW50Q2hpbGQgfSBmcm9tICcuLi8uLi8uLi9zaGFyZWQvZGVjb3JhdG9ycy9kZXN5LWNvbnRlbnQtY2hpbGQuZGVjb3JhdG9yJztcclxuaW1wb3J0IHsgTWVkaWFPYmplY3RGaWd1cmVDb21wb25lbnQgfSBmcm9tICcuL21lZGlhLW9iamVjdC1maWd1cmUvbWVkaWEtb2JqZWN0LWZpZ3VyZS5jb21wb25lbnQnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdkZXN5LW1lZGlhLW9iamVjdCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL21lZGlhLW9iamVjdC5jb21wb25lbnQuaHRtbCdcclxufSlcclxuZXhwb3J0IGNsYXNzIE1lZGlhT2JqZWN0Q29tcG9uZW50IGV4dGVuZHMgQWNjZXNzaWJpbGl0eUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7ICBcclxuXHJcbiAgQElucHV0KCkgZmlndXJlSHRtbDogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGNlbnRlcjogYm9vbGVhbjtcclxuICBASW5wdXQoKSByZXZlcnNlOiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIGZpZ3VyZUNsYXNzZXM6IHN0cmluZztcclxuICBASW5wdXQoKSBjb250ZW5DbGFzc2VzOiBzdHJpbmc7XHJcbiAgXHJcbiAgQElucHV0KCkgY2FsbGVyOiBUZW1wbGF0ZVJlZjxhbnk+O1xyXG4gIEBJbnB1dCgpIGlkOiBzdHJpbmc7XHJcbiAgXHJcbiAgQElucHV0KCkgQEhvc3RCaW5kaW5nKCdjbGFzcycpIGNsYXNzZXM6IGFueTtcclxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLml0ZW1zLWNlbnRlcicpIGNmZ3I6IGJvb2xlYW47XHJcblxyXG4gIC8vQWNjZXNzaWJpbGl0eVxyXG4gIEBIb3N0QmluZGluZygnYXR0ci5pZCcpIGlkRGF0YTogYW55O1xyXG4gIEBIb3N0QmluZGluZygnYXR0ci5yb2xlJykgcm9sZURhdGE6IGFueTtcclxuICBASG9zdEJpbmRpbmcoJ2F0dHIuYXJpYS1kZXNjcmliZWRieScpIGFyaWFEZXNjcmliZWRieURhdGE6IGFueTtcclxuICBASG9zdEJpbmRpbmcoJ2F0dHIuYXJpYS1lcnJvcm1lc3NhZ2UnKSBhcmlhRXJyb3JtZXNzYWdlRGF0YTogYW55O1xyXG4gIEBIb3N0QmluZGluZygnYXR0ci5hcmlhLWxhYmVsJykgYXJpYUxhYmVsRGF0YTogYW55O1xyXG4gIEBIb3N0QmluZGluZygnYXR0ci5hcmlhLWxhYmVsbGVkYnknKSBhcmlhTGFiZWxsZWRieURhdGE6IGFueTtcclxuICBASG9zdEJpbmRpbmcoJ2F0dHIuYXJpYS1oaWRkZW4nKSBhcmlhSGlkZGVuRGF0YTogYW55O1xyXG4gIEBIb3N0QmluZGluZygnYXR0ci5hcmlhLWRpc2FibGVkJykgYXJpYURpc2FibGVkRGF0YTogYW55O1xyXG4gIEBIb3N0QmluZGluZygnYXR0ci5hcmlhLWNvbnRyb2xzJykgYXJpYUNvbnRyb2xzRGF0YTogYW55O1xyXG4gIEBIb3N0QmluZGluZygnYXR0ci5hcmlhLWN1cnJlbnQnKSBhcmlhQ3VycmVudERhdGE6IGFueTtcclxuICBASG9zdEJpbmRpbmcoJ2F0dHIuYXJpYS1saXZlJykgYXJpYUxpdmVEYXRhOiBhbnk7XHJcbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmFyaWEtZXhwYW5kZWQnKSBhcmlhRXhwYW5kZWREYXRhOiBhbnk7XHJcbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmFyaWEtaGFzcG9wdXAnKSBhcmlhSGFzcG9wdXBEYXRhOiBhbnk7XHJcbiAgQEhvc3RCaW5kaW5nKCdhdHRyLnRhYmluZGV4JykgdGFiaW5kZXhEYXRhOiBhbnk7XHJcblxyXG4gIEBEZXN5Q29udGVudENoaWxkKClcclxuICBAQ29udGVudENoaWxkcmVuKENvbnRlbnRDb21wb25lbnQpIGNvbnRlbnRDb21wb25lbnQ6IENvbnRlbnRDb21wb25lbnQ7XHJcbiAgXHJcbiAgQERlc3lDb250ZW50Q2hpbGQoKVxyXG4gIEBDb250ZW50Q2hpbGRyZW4oTWVkaWFPYmplY3RGaWd1cmVDb21wb25lbnQpIG1lZGlhT2JqZWN0RmlndXJlQ29tcG9uZW50OiBNZWRpYU9iamVjdEZpZ3VyZUNvbXBvbmVudDtcclxuXHJcbiAgQFZpZXdDaGlsZCgnbWVkaWFGaWd1cmVDb250ZW50JywgeyByZWFkOiBFbGVtZW50UmVmLCBzdGF0aWM6IHRydWUgfSkgbWVkaWFGaWd1cmVDb250ZW50OiBFbGVtZW50UmVmO1xyXG5cclxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XHJcbiAgICB0aGlzLmNsYXNzZXMgPSAnZmxleCcgKyAodGhpcy5jbGFzc2VzID8gJyAnICsgdGhpcy5jbGFzc2VzIDogJycpICsgKHRoaXMuY2VudGVyPT10cnVlID8gJyAnIDogJycpO1xyXG4gICAgdGhpcy5jZmdyID0gdGhpcy5jZW50ZXI7XHJcbiAgICB0aGlzLmlkRGF0YSA9IHRoaXMuaWQgPyB0aGlzLmlkIDogbnVsbDtcclxuICAgIHRoaXMucm9sZURhdGEgPSB0aGlzLnJvbGUgPyB0aGlzLnJvbGUgOiBudWxsO1xyXG4gICAgdGhpcy5hcmlhRGVzY3JpYmVkYnlEYXRhID0gdGhpcy5hcmlhRGVzY3JpYmVkQnkgPyB0aGlzLmFyaWFEZXNjcmliZWRCeSA6IG51bGw7XHJcbiAgICB0aGlzLmFyaWFFcnJvcm1lc3NhZ2VEYXRhID0gdGhpcy5hcmlhRXJyb3JNZXNzYWdlID8gdGhpcy5hcmlhRXJyb3JNZXNzYWdlIDogbnVsbDtcclxuICAgIHRoaXMuYXJpYUxhYmVsRGF0YSA9IHRoaXMuYXJpYUxhYmVsID8gdGhpcy5hcmlhTGFiZWwgOiBudWxsO1xyXG4gICAgdGhpcy5hcmlhTGFiZWxsZWRieURhdGEgPSB0aGlzLmFyaWFMYWJlbGxlZEJ5ID8gdGhpcy5hcmlhTGFiZWxsZWRCeSA6IG51bGw7XHJcbiAgICB0aGlzLmFyaWFIaWRkZW5EYXRhID0gdGhpcy5hcmlhSGlkZGVuID8gdGhpcy5hcmlhSGlkZGVuIDogbnVsbDtcclxuICAgIHRoaXMuYXJpYURpc2FibGVkRGF0YSA9IHRoaXMuYXJpYURpc2FibGVkID8gdGhpcy5hcmlhRGlzYWJsZWQgOiBudWxsO1xyXG4gICAgdGhpcy5hcmlhQ29udHJvbHNEYXRhID0gdGhpcy5hcmlhQ29udHJvbHMgPyB0aGlzLmFyaWFDb250cm9scyA6IG51bGw7XHJcbiAgICB0aGlzLmFyaWFDdXJyZW50RGF0YSA9IHRoaXMuYXJpYUN1cnJlbnQgPyB0aGlzLmFyaWFDdXJyZW50IDogbnVsbDtcclxuICAgIHRoaXMuYXJpYUxpdmVEYXRhID0gdGhpcy5hcmlhTGl2ZSA/IHRoaXMuYXJpYUxpdmUgOiBudWxsO1xyXG4gICAgdGhpcy5hcmlhRXhwYW5kZWREYXRhID0gdGhpcy5hcmlhRXhwYW5kZWQgPyB0aGlzLmFyaWFFeHBhbmRlZCA6IG51bGw7XHJcbiAgICB0aGlzLmFyaWFIYXNwb3B1cERhdGEgPSB0aGlzLmFyaWFIYXNQb3B1cCA/IHRoaXMuYXJpYUhhc1BvcHVwIDogbnVsbDtcclxuICAgIHRoaXMudGFiaW5kZXhEYXRhID0gdGhpcy50YWJpbmRleCA/IHRoaXMudGFiaW5kZXggOiBudWxsO1xyXG4gIH1cclxuXHJcbn1cclxuIl19

package/esm2015/lib/desy-views/components/spinner/spinner.component.js

@@ -1,16 +1,45 @@
-import { Component, Input } from '@angular/core';
+import { Component, HostBinding, Input } from '@angular/core';
 import { AccessibilityComponent } from '../../../shared/components';
 export class SpinnerComponent extends AccessibilityComponent {
+    ngOnChanges(changes) {
+        this.classes = this.classes ? this.classes += ' c-spinner' : 'c-spinner';
+        this.roleData = this.role ? this.role : null;
+        this.ariaLabelData = this.ariaLabel ? this.ariaLabel : null;
+        this.ariaDescribedbyData = this.ariaDescribedBy ? this.ariaDescribedBy : null;
+        this.ariaLabelledbyData = this.ariaLabelledBy ? this.ariaLabelledBy : null;
+        this.ariaHiddenData = this.ariaHidden ? this.ariaHidden : null;
+        this.ariaDisabledData = this.ariaDisabled ? this.ariaDisabled : null;
+        this.ariaControlsData = this.ariaControls ? this.ariaControls : null;
+        this.ariaCurrentData = this.ariaCurrent ? this.ariaCurrent : null;
+        this.ariaLiveData = this.ariaLive ? this.ariaLive : null;
+        this.ariaExpandedData = this.ariaExpanded ? this.ariaExpanded : null;
+        this.ariaErrormessageData = this.ariaErrorMessage ? this.ariaErrorMessage : null;
+        this.ariaHaspopupData = this.ariaHasPopup ? this.ariaHasPopup : null;
+        this.ariaModalData = this.ariaModal ? this.ariaModal : null;
+    }
 }
 SpinnerComponent.decorators = [
     { type: Component, args: [{
                 selector: 'desy-spinner',
-                template: "<div [class]=\"'c-spinner' + (classes ? ' ' + classes : '')\" data-module=\"c-spinner\"\r\n     [attr.id]=\"id ? id : null\"\r\n     [attr.role]=\"role ? role : null\"\r\n     [attr.aria-label]=\"ariaLabel ? ariaLabel : null\"\r\n     [attr.aria-describedby]=\"ariaDescribedBy ? ariaDescribedBy : null\"\r\n     [attr.aria-labelledby]=\"ariaLabelledBy ? ariaLabelledBy : null\"\r\n     [attr.aria-hidden]=\"ariaHidden ? ariaHidden : null\"\r\n     [attr.aria-disabled]=\"ariaDisabled ? ariaDisabled : null\"\r\n     [attr.aria-controls]=\"ariaControls ? ariaControls : null\"\r\n     [attr.aria-current]=\"ariaCurrent ? ariaCurrent : null\"\r\n     [attr.aria-live]=\"ariaLive ? ariaLive : null\"\r\n     [attr.aria-expanded]=\"ariaExpanded ? ariaExpanded : null\"\r\n     [attr.aria-errormessage]=\"ariaErrorMessage ? ariaErrorMessage : null\"\r\n     [attr.aria-haspopup]=\"ariaHasPopup ? ariaHasPopup : null\"\r\n     [attr.tabindex]=\"tabindex ? tabindex : null\">\r\n  <p *ngIf=\"text\" class=\"sr-only\" role=\"alert\" aria-live=\"assertive\">{{text}}</p>\r\n</div>\r\n"
+                template: "<span *ngIf=\"text\" class=\"sr-only\" role=\"alert\" aria-live=\"assertive\">{{text}}</span>"
             },] }
 ];
 SpinnerComponent.propDecorators = {
-    classes: [{ type: Input }],
     text: [{ type: Input }],
+    classes: [{ type: Input }, { type: HostBinding, args: ['class',] }],
+    roleData: [{ type: HostBinding, args: ['attr.role',] }],
+    ariaLabelData: [{ type: HostBinding, args: ['attr.aria-label',] }],
+    ariaDescribedbyData: [{ type: HostBinding, args: ['attr.aria-describedby',] }],
+    ariaLabelledbyData: [{ type: HostBinding, args: ['attr.aria-labelledby',] }],
+    ariaHiddenData: [{ type: HostBinding, args: ['attr.aria-hidden',] }],
+    ariaDisabledData: [{ type: HostBinding, args: ['attr.aria-disabled',] }],
+    ariaControlsData: [{ type: HostBinding, args: ['attr.aria-controls',] }],
+    ariaCurrentData: [{ type: HostBinding, args: ['attr.aria-current',] }],
+    ariaLiveData: [{ type: HostBinding, args: ['attr.aria-live',] }],
+    ariaExpandedData: [{ type: HostBinding, args: ['attr.aria-expanded',] }],
+    ariaErrormessageData: [{ type: HostBinding, args: ['attr.aria-errormessage',] }],
+    ariaHaspopupData: [{ type: HostBinding, args: ['attr.aria-haspopup',] }],
+    ariaModalData: [{ type: HostBinding, args: ['attr.aria-modal',] }],
     id: [{ type: Input }]
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Bpbm5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXN5LWFuZ3VsYXIvc3JjL2xpYi9kZXN5LXZpZXdzL2NvbXBvbmVudHMvc3Bpbm5lci9zcGlubmVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQU1wRSxNQUFNLE9BQU8sZ0JBQWtCLFNBQVEsc0JBQXNCOzs7WUFKNUQsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxjQUFjO2dCQUN4QiwrakNBQXVDO2FBQ3hDOzs7c0JBR0UsS0FBSzttQkFDTCxLQUFLO2lCQUVMLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEFjY2Vzc2liaWxpdHlDb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi9zaGFyZWQvY29tcG9uZW50cyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2Rlc3ktc3Bpbm5lcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3NwaW5uZXIuY29tcG9uZW50Lmh0bWwnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTcGlubmVyQ29tcG9uZW50ICBleHRlbmRzIEFjY2Vzc2liaWxpdHlDb21wb25lbnQge1xyXG5cclxuICBASW5wdXQoKSBjbGFzc2VzOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgdGV4dDogc3RyaW5nO1xyXG5cclxuICBASW5wdXQoKSBpZDogc3RyaW5nO1xyXG5cclxufVxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Bpbm5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXN5LWFuZ3VsYXIvc3JjL2xpYi9kZXN5LXZpZXdzL2NvbXBvbmVudHMvc3Bpbm5lci9zcGlubmVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQTRCLE1BQU0sZUFBZSxDQUFDO0FBQ3hGLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBTXBFLE1BQU0sT0FBTyxnQkFBa0IsU0FBUSxzQkFBc0I7SUFxQjNELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxPQUFPLElBQUksWUFBWSxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUE7UUFDeEUsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7UUFDN0MsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7UUFDNUQsSUFBSSxDQUFDLG1CQUFtQixHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztRQUM5RSxJQUFJLENBQUMsa0JBQWtCLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO1FBQzNFLElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO1FBQy9ELElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7UUFDckUsSUFBSSxDQUFDLGdCQUFnQixHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztRQUNyRSxJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztRQUNsRSxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztRQUN6RCxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO1FBQ3JFLElBQUksQ0FBQyxvQkFBb0IsR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO1FBQ2pGLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7UUFDckUsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7SUFDOUQsQ0FBQzs7O1lBeENGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsY0FBYztnQkFDeEIseUdBQXVDO2FBQ3hDOzs7bUJBR0UsS0FBSztzQkFFTCxLQUFLLFlBQUksV0FBVyxTQUFDLE9BQU87dUJBQzVCLFdBQVcsU0FBQyxXQUFXOzRCQUN2QixXQUFXLFNBQUMsaUJBQWlCO2tDQUM3QixXQUFXLFNBQUMsdUJBQXVCO2lDQUNuQyxXQUFXLFNBQUMsc0JBQXNCOzZCQUNsQyxXQUFXLFNBQUMsa0JBQWtCOytCQUM5QixXQUFXLFNBQUMsb0JBQW9COytCQUNoQyxXQUFXLFNBQUMsb0JBQW9COzhCQUNoQyxXQUFXLFNBQUMsbUJBQW1COzJCQUMvQixXQUFXLFNBQUMsZ0JBQWdCOytCQUM1QixXQUFXLFNBQUMsb0JBQW9CO21DQUNoQyxXQUFXLFNBQUMsd0JBQXdCOytCQUNwQyxXQUFXLFNBQUMsb0JBQW9COzRCQUNoQyxXQUFXLFNBQUMsaUJBQWlCO2lCQUU3QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQsIE9uQ2hhbmdlcywgU2ltcGxlQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBBY2Nlc3NpYmlsaXR5Q29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vc2hhcmVkL2NvbXBvbmVudHMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdkZXN5LXNwaW5uZXInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zcGlubmVyLmNvbXBvbmVudC5odG1sJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgU3Bpbm5lckNvbXBvbmVudCAgZXh0ZW5kcyBBY2Nlc3NpYmlsaXR5Q29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2Vze1xyXG5cclxuICBASW5wdXQoKSB0ZXh0OiBzdHJpbmc7XHJcblxyXG4gIEBJbnB1dCgpIEBIb3N0QmluZGluZygnY2xhc3MnKSBjbGFzc2VzOiBhbnk7XHJcbiAgQEhvc3RCaW5kaW5nKCdhdHRyLnJvbGUnKSByb2xlRGF0YTogYW55O1xyXG4gIEBIb3N0QmluZGluZygnYXR0ci5hcmlhLWxhYmVsJykgYXJpYUxhYmVsRGF0YTogYW55O1xyXG4gIEBIb3N0QmluZGluZygnYXR0ci5hcmlhLWRlc2NyaWJlZGJ5JykgYXJpYURlc2NyaWJlZGJ5RGF0YTogYW55O1xyXG4gIEBIb3N0QmluZGluZygnYXR0ci5hcmlhLWxhYmVsbGVkYnknKSBhcmlhTGFiZWxsZWRieURhdGE6IGFueTtcclxuICBASG9zdEJpbmRpbmcoJ2F0dHIuYXJpYS1oaWRkZW4nKSBhcmlhSGlkZGVuRGF0YTogYW55O1xyXG4gIEBIb3N0QmluZGluZygnYXR0ci5hcmlhLWRpc2FibGVkJykgYXJpYURpc2FibGVkRGF0YTogYW55O1xyXG4gIEBIb3N0QmluZGluZygnYXR0ci5hcmlhLWNvbnRyb2xzJykgYXJpYUNvbnRyb2xzRGF0YTogYW55O1xyXG4gIEBIb3N0QmluZGluZygnYXR0ci5hcmlhLWN1cnJlbnQnKSBhcmlhQ3VycmVudERhdGE6IGFueTtcclxuICBASG9zdEJpbmRpbmcoJ2F0dHIuYXJpYS1saXZlJykgYXJpYUxpdmVEYXRhOiBhbnk7XHJcbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmFyaWEtZXhwYW5kZWQnKSBhcmlhRXhwYW5kZWREYXRhOiBhbnk7XHJcbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmFyaWEtZXJyb3JtZXNzYWdlJykgYXJpYUVycm9ybWVzc2FnZURhdGE6IGFueTtcclxuICBASG9zdEJpbmRpbmcoJ2F0dHIuYXJpYS1oYXNwb3B1cCcpIGFyaWFIYXNwb3B1cERhdGE6IGFueTtcclxuICBASG9zdEJpbmRpbmcoJ2F0dHIuYXJpYS1tb2RhbCcpIGFyaWFNb2RhbERhdGE6IGFueVxyXG5cclxuICBASW5wdXQoKSBpZDogc3RyaW5nO1xyXG5cclxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XHJcbiAgICB0aGlzLmNsYXNzZXMgPSB0aGlzLmNsYXNzZXMgPyB0aGlzLmNsYXNzZXMgKz0gJyBjLXNwaW5uZXInIDogJ2Mtc3Bpbm5lcidcclxuICAgIHRoaXMucm9sZURhdGEgPSB0aGlzLnJvbGUgPyB0aGlzLnJvbGUgOiBudWxsO1xyXG4gICAgdGhpcy5hcmlhTGFiZWxEYXRhID0gdGhpcy5hcmlhTGFiZWwgPyB0aGlzLmFyaWFMYWJlbCA6IG51bGw7XHJcbiAgICB0aGlzLmFyaWFEZXNjcmliZWRieURhdGEgPSB0aGlzLmFyaWFEZXNjcmliZWRCeSA/IHRoaXMuYXJpYURlc2NyaWJlZEJ5IDogbnVsbDtcclxuICAgIHRoaXMuYXJpYUxhYmVsbGVkYnlEYXRhID0gdGhpcy5hcmlhTGFiZWxsZWRCeSA/IHRoaXMuYXJpYUxhYmVsbGVkQnkgOiBudWxsO1xyXG4gICAgdGhpcy5hcmlhSGlkZGVuRGF0YSA9IHRoaXMuYXJpYUhpZGRlbiA/IHRoaXMuYXJpYUhpZGRlbiA6IG51bGw7XHJcbiAgICB0aGlzLmFyaWFEaXNhYmxlZERhdGEgPSB0aGlzLmFyaWFEaXNhYmxlZCA/IHRoaXMuYXJpYURpc2FibGVkIDogbnVsbDtcclxuICAgIHRoaXMuYXJpYUNvbnRyb2xzRGF0YSA9IHRoaXMuYXJpYUNvbnRyb2xzID8gdGhpcy5hcmlhQ29udHJvbHMgOiBudWxsO1xyXG4gICAgdGhpcy5hcmlhQ3VycmVudERhdGEgPSB0aGlzLmFyaWFDdXJyZW50ID8gdGhpcy5hcmlhQ3VycmVudCA6IG51bGw7XHJcbiAgICB0aGlzLmFyaWFMaXZlRGF0YSA9IHRoaXMuYXJpYUxpdmUgPyB0aGlzLmFyaWFMaXZlIDogbnVsbDtcclxuICAgIHRoaXMuYXJpYUV4cGFuZGVkRGF0YSA9IHRoaXMuYXJpYUV4cGFuZGVkID8gdGhpcy5hcmlhRXhwYW5kZWQgOiBudWxsO1xyXG4gICAgdGhpcy5hcmlhRXJyb3JtZXNzYWdlRGF0YSA9IHRoaXMuYXJpYUVycm9yTWVzc2FnZSA/IHRoaXMuYXJpYUVycm9yTWVzc2FnZSA6IG51bGw7XHJcbiAgICB0aGlzLmFyaWFIYXNwb3B1cERhdGEgPSB0aGlzLmFyaWFIYXNQb3B1cCA/IHRoaXMuYXJpYUhhc1BvcHVwIDogbnVsbDtcclxuICAgIHRoaXMuYXJpYU1vZGFsRGF0YSA9IHRoaXMuYXJpYU1vZGFsID8gdGhpcy5hcmlhTW9kYWwgOiBudWxsO1xyXG4gIH1cclxufVxyXG4iXX0=

package/esm2015/lib/desy-views/components/status/status.component.js

@@ -1,6 +1,23 @@
-import { Component, Input } from '@angular/core';
+import { Component, HostBinding, Input } from '@angular/core';
 import { AccessibilityComponent } from '../../../shared/components';
 export class StatusComponent extends AccessibilityComponent {
+    ngOnChanges(changes) {
+        this.classes = this.classes ? this.classes : null;
+        this.idData = this.id ? this.id : null;
+        this.roleData = this.role ? this.role : null;
+        this.ariaDescribedbyData = this.ariaDescribedBy ? this.ariaDescribedBy : null;
+        this.ariaErrormessageData = this.ariaErrorMessage ? this.ariaErrorMessage : null;
+        this.ariaLabelData = this.ariaLabel ? this.ariaLabel : null;
+        this.ariaLabelledbyData = this.ariaLabelledBy ? this.ariaLabelledBy : null;
+        this.ariaHiddenData = this.ariaHidden ? this.ariaHidden : null;
+        this.ariaDisabledData = this.ariaDisabled ? this.ariaDisabled : null;
+        this.ariaControlsData = this.ariaControls ? this.ariaControls : null;
+        this.ariaCurrentData = this.ariaCurrent ? this.ariaCurrent : null;
+        this.ariaLiveData = this.ariaLive ? this.ariaLive : null;
+        this.ariaExpandedData = this.ariaExpanded ? this.ariaExpanded : null;
+        this.ariaHaspopupData = this.ariaHasPopup ? this.ariaHasPopup : null;
+        this.tabindexData = this.tabindex ? this.tabindex : null;
+    }
     getType() {
         let type;
         if (this.icon && this.icon.type) {
@@ -15,13 +32,27 @@ export class StatusComponent extends AccessibilityComponent {
 StatusComponent.decorators = [
     { type: Component, args: [{
                 selector: 'desy-status',
-                template: "<div [class]=\"(classes ?  classes : '')\"\r\n        [attr.id]=\"id ? id : null\"\r\n        [attr.role]=\"role\"\r\n        [attr.aria-describedby]=\"ariaDescribedBy\"\r\n        [attr.aria-errormessage]=\"ariaErrorMessage\"\r\n        [attr.aria-label]=\"ariaLabel\"\r\n        [attr.aria-labelledby]=\"ariaLabelledBy\"\r\n        [attr.aria-hidden]=\"ariaHidden\"\r\n        [attr.aria-disabled]=\"ariaDisabled\"\r\n        [attr.aria-controls]=\"ariaControls\"\r\n        [attr.aria-current]=\"ariaCurrent\"\r\n        [attr.aria-live]=\"ariaLive\"\r\n        [attr.aria-expanded]=\"ariaExpanded\"\r\n        [attr.aria-haspopup]=\"ariaHasPopup\"\r\n        [attr.tabindex]=\"tabindex\">\r\n\r\n        <p class=\"inline-flex items-center\">\r\n          <span class=\"inline-block font-bold uppercase\">{{text}}</span>\r\n          <span class=\"inline-block ml-sm\" *ngIf=\"!icon || !icon.html; else elseBlock\">                         \r\n            <ng-container [ngSwitch]=\"getType()\">\r\n              <ng-container *ngSwitchCase=\"'success'\">\r\n                <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" width=\"1em\" height=\"1em\" class=\"w-4 h-4 text-success-dark\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M39.94 125a19.88 19.88 0 01-15.53-7.81L2.48 92.26a10 10 0 0115-13.2l20.55 23.39a2.5 2.5 0 003.68.08l81-84.42a10.002 10.002 0 1114.5 13.78l-82.02 86.33A19.41 19.41 0 0139.94 125z\" fill=\"currentColor\"/></svg>\r\n              </ng-container>\r\n              <ng-container *ngSwitchCase=\"'alert'\">\r\n                <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" width=\"1em\" height=\"1em\" class=\"w-4 h-4 text-alert-base\" aria-hidden=\"true\" focusable=\"false\"><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>\r\n              </ng-container>\r\n              <ng-container *ngSwitchCase=\"'loading'\">\r\n                <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" width=\"1em\" height=\"1em\" class=\"w-4 h-4\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M71.15 2.3a7.7 7.7 0 100 15.4A52.3 52.3 0 1118.85 70a62.29 62.29 0 014.7-23.16l5.76 4a7.55 7.55 0 004.25 1.31 7.41 7.41 0 004.09-1.22 7.51 7.51 0 003.28-7.68L37 22.45a7.52 7.52 0 00-8.66-6l-21 3.65a7.5 7.5 0 00-3 13.57l6.21 4.27A77.78 77.78 0 003.45 70a67.7 67.7 0 1067.7-67.7z\" fill=\"currentColor\"/><path d=\"M91.15 92.5a7.45 7.45 0 01-3.35-.79l-20-10A7.51 7.51 0 0163.65 75V42.5a7.5 7.5 0 0115 0v27.87l15.86 7.92a7.5 7.5 0 01-3.36 14.21z\" fill=\"currentColor\"/></svg>\r\n              </ng-container>\r\n              <ng-container *ngSwitchCase=\"'error'\">\r\n                <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" width=\"1em\" height=\"1em\" class=\"w-4 h-4 text-alert-base\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M70 75a7.5 7.5 0 007.5-7.5v-25a7.5 7.5 0 00-15 0v25A7.5 7.5 0 0070 75zM60 92.5a10 10 0 1020 0 10 10 0 10-20 0z\" fill=\"currentColor\"/><path d=\"M139.78 101.83L135 82.6a7.51 7.51 0 00-9.1-5.45l-19.22 4.8a7.5 7.5 0 00-2 13.71l6.11 3.66A55.31 55.31 0 0170 120.19a50.47 50.47 0 01-47.16-33.06 7.503 7.503 0 00-14.09 5.16A65.52 65.52 0 0070 135.19 71.27 71.27 0 00123.57 107l5.07 3a7.5 7.5 0 0011.14-8.25zM14.13 62.85l19.22-4.8a7.5 7.5 0 002.05-13.71L29.76 41A56.18 56.18 0 0170 19.81a50.47 50.47 0 0147.16 33.06 7.51 7.51 0 007 4.92 7.61 7.61 0 002.59-.46 7.51 7.51 0 004.46-9.62A65.52 65.52 0 0070 4.81 71.53 71.53 0 0016.83 33.2l-5.47-3.28A7.5 7.5 0 00.22 38.17L5 57.4a7.51 7.51 0 007.27 5.68 7.65 7.65 0 001.86-.23z\" fill=\"currentColor\"/></svg>\r\n              </ng-container>\r\n            </ng-container>\r\n          </span>\r\n          <ng-template #elseBlock>\r\n            <span class=\"inline-block ml-sm\" [desyInnerContent]=\"icon.html\" [isHtml]=\"icon.html\" [deleteContentIfEmpty]=\"false\"><ng-content></ng-content></span>            \r\n          </ng-template>\r\n        </p>        \r\n</div>\r\n"
+                template: "<p class=\"inline-flex items-center\">\r\n  <span class=\"inline-block font-bold uppercase\">{{text}}</span>\r\n  <span class=\"inline-block ml-sm\" *ngIf=\"!icon || !icon.html; else elseBlock\">                         \r\n    <ng-container [ngSwitch]=\"getType()\">\r\n      <ng-container *ngSwitchCase=\"'success'\">\r\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" width=\"1em\" height=\"1em\" class=\"w-4 h-4 text-success-dark\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M39.94 125a19.88 19.88 0 01-15.53-7.81L2.48 92.26a10 10 0 0115-13.2l20.55 23.39a2.5 2.5 0 003.68.08l81-84.42a10.002 10.002 0 1114.5 13.78l-82.02 86.33A19.41 19.41 0 0139.94 125z\" fill=\"currentColor\"/></svg>\r\n      </ng-container>\r\n      <ng-container *ngSwitchCase=\"'alert'\">\r\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" width=\"1em\" height=\"1em\" class=\"w-4 h-4 text-alert-base\" aria-hidden=\"true\" focusable=\"false\"><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>\r\n      </ng-container>\r\n      <ng-container *ngSwitchCase=\"'loading'\">\r\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" width=\"1em\" height=\"1em\" class=\"w-4 h-4\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M71.15 2.3a7.7 7.7 0 100 15.4A52.3 52.3 0 1118.85 70a62.29 62.29 0 014.7-23.16l5.76 4a7.55 7.55 0 004.25 1.31 7.41 7.41 0 004.09-1.22 7.51 7.51 0 003.28-7.68L37 22.45a7.52 7.52 0 00-8.66-6l-21 3.65a7.5 7.5 0 00-3 13.57l6.21 4.27A77.78 77.78 0 003.45 70a67.7 67.7 0 1067.7-67.7z\" fill=\"currentColor\"/><path d=\"M91.15 92.5a7.45 7.45 0 01-3.35-.79l-20-10A7.51 7.51 0 0163.65 75V42.5a7.5 7.5 0 0115 0v27.87l15.86 7.92a7.5 7.5 0 01-3.36 14.21z\" fill=\"currentColor\"/></svg>\r\n      </ng-container>\r\n      <ng-container *ngSwitchCase=\"'error'\">\r\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" width=\"1em\" height=\"1em\" class=\"w-4 h-4 text-alert-base\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M70 75a7.5 7.5 0 007.5-7.5v-25a7.5 7.5 0 00-15 0v25A7.5 7.5 0 0070 75zM60 92.5a10 10 0 1020 0 10 10 0 10-20 0z\" fill=\"currentColor\"/><path d=\"M139.78 101.83L135 82.6a7.51 7.51 0 00-9.1-5.45l-19.22 4.8a7.5 7.5 0 00-2 13.71l6.11 3.66A55.31 55.31 0 0170 120.19a50.47 50.47 0 01-47.16-33.06 7.503 7.503 0 00-14.09 5.16A65.52 65.52 0 0070 135.19 71.27 71.27 0 00123.57 107l5.07 3a7.5 7.5 0 0011.14-8.25zM14.13 62.85l19.22-4.8a7.5 7.5 0 002.05-13.71L29.76 41A56.18 56.18 0 0170 19.81a50.47 50.47 0 0147.16 33.06 7.51 7.51 0 007 4.92 7.61 7.61 0 002.59-.46 7.51 7.51 0 004.46-9.62A65.52 65.52 0 0070 4.81 71.53 71.53 0 0016.83 33.2l-5.47-3.28A7.5 7.5 0 00.22 38.17L5 57.4a7.51 7.51 0 007.27 5.68 7.65 7.65 0 001.86-.23z\" fill=\"currentColor\"/></svg>\r\n      </ng-container>\r\n    </ng-container>\r\n  </span>\r\n  <ng-template #elseBlock>\r\n    <span class=\"inline-block ml-sm\" [desyInnerContent]=\"icon.html\" [isHtml]=\"icon.html\" [deleteContentIfEmpty]=\"false\"><ng-content></ng-content></span>            \r\n  </ng-template>\r\n</p>\r\n"
             },] }
 ];
 StatusComponent.propDecorators = {
     text: [{ type: Input }],
     id: [{ type: Input }],
-    classes: [{ type: Input }],
-    icon: [{ type: Input }]
+    icon: [{ type: Input }],
+    classes: [{ type: Input }, { type: HostBinding, args: ['class',] }],
+    idData: [{ type: HostBinding, args: ['attr.id',] }],
+    roleData: [{ type: HostBinding, args: ['attr.role',] }],
+    ariaDescribedbyData: [{ type: HostBinding, args: ['attr.aria-describedby',] }],
+    ariaErrormessageData: [{ type: HostBinding, args: ['attr.aria-errormessage',] }],
+    ariaLabelData: [{ type: HostBinding, args: ['attr.aria-label',] }],
+    ariaLabelledbyData: [{ type: HostBinding, args: ['attr.aria-labelledby',] }],
+    ariaHiddenData: [{ type: HostBinding, args: ['attr.aria-hidden',] }],
+    ariaDisabledData: [{ type: HostBinding, args: ['attr.aria-disabled',] }],
+    ariaControlsData: [{ type: HostBinding, args: ['attr.aria-controls',] }],
+    ariaCurrentData: [{ type: HostBinding, args: ['attr.aria-current',] }],
+    ariaLiveData: [{ type: HostBinding, args: ['attr.aria-live',] }],
+    ariaExpandedData: [{ type: HostBinding, args: ['attr.aria-expanded',] }],
+    ariaHaspopupData: [{ type: HostBinding, args: ['attr.aria-haspopup',] }],
+    tabindexData: [{ type: HostBinding, args: ['attr.tabindex',] }]
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc3ktYW5ndWxhci9zcmMvbGliL2Rlc3ktdmlld3MvY29tcG9uZW50cy9zdGF0dXMvc3RhdHVzLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQU9wRSxNQUFNLE9BQU8sZUFBZ0IsU0FBUSxzQkFBc0I7SUFRekQsT0FBTztRQUNMLElBQUksSUFBWSxDQUFDO1FBQ2pCLElBQUksSUFBSSxDQUFDLElBQUksSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksRUFBQztZQUM5QixJQUFJLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztTQUMzQzthQUFNO1lBQ0wsSUFBSSxHQUFHLFNBQVMsQ0FBQztTQUNsQjtRQUNELE9BQU8sSUFBSSxDQUFDO0lBQ2QsQ0FBQzs7O1lBcEJGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsYUFBYTtnQkFDdkIscWpJQUFzQzthQUN2Qzs7O21CQUdFLEtBQUs7aUJBQ0wsS0FBSztzQkFDTCxLQUFLO21CQUNMLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEFjY2Vzc2liaWxpdHlDb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi9zaGFyZWQvY29tcG9uZW50cyc7XHJcbmltcG9ydCB7IFN0YXR1c0ljb25EYXRhIH0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcy9zdGF0dXMtaWNvbi1kYXRhJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnZGVzeS1zdGF0dXMnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zdGF0dXMuY29tcG9uZW50Lmh0bWwnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTdGF0dXNDb21wb25lbnQgZXh0ZW5kcyBBY2Nlc3NpYmlsaXR5Q29tcG9uZW50IHtcclxuXHJcbiAgQElucHV0KCkgdGV4dDogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGlkOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgY2xhc3Nlczogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGljb246IFN0YXR1c0ljb25EYXRhO1xyXG5cclxuXHJcbiAgZ2V0VHlwZSgpOiBzdHJpbmcge1xyXG4gICAgbGV0IHR5cGU6IHN0cmluZztcclxuICAgIGlmICh0aGlzLmljb24gJiYgdGhpcy5pY29uLnR5cGUpe1xyXG4gICAgICB0eXBlID0gdGhpcy5pY29uLnR5cGUudG9Mb2NhbGVMb3dlckNhc2UoKTtcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHR5cGUgPSAnc3VjY2Vzcyc7XHJcbiAgICB9IFxyXG4gICAgcmV0dXJuIHR5cGU7XHJcbiAgfVxyXG59XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc3ktYW5ndWxhci9zcmMvbGliL2Rlc3ktdmlld3MvY29tcG9uZW50cy9zdGF0dXMvc3RhdHVzLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQTRCLE1BQU0sZUFBZSxDQUFDO0FBQ3hGLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBT3BFLE1BQU0sT0FBTyxlQUFnQixTQUFRLHNCQUFzQjtJQXdCekQsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO1FBQ2xELElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO1FBQ3ZDLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO1FBQzdDLElBQUksQ0FBQyxtQkFBbUIsR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7UUFDOUUsSUFBSSxDQUFDLG9CQUFvQixHQUFHLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7UUFDakYsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7UUFDNUQsSUFBSSxDQUFDLGtCQUFrQixHQUFHLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztRQUMzRSxJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztRQUMvRCxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO1FBQ3JFLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7UUFDckUsSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7UUFDbEUsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7UUFDekQsSUFBSSxDQUFDLGdCQUFnQixHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztRQUNyRSxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO1FBQ3JFLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO0lBQzNELENBQUM7SUFFRCxPQUFPO1FBQ0wsSUFBSSxJQUFZLENBQUM7UUFDakIsSUFBSSxJQUFJLENBQUMsSUFBSSxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFDO1lBQzlCLElBQUksR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO1NBQzNDO2FBQU07WUFDTCxJQUFJLEdBQUcsU0FBUyxDQUFDO1NBQ2xCO1FBQ0QsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDOzs7WUF0REYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxhQUFhO2dCQUN2Qix1ckdBQXNDO2FBQ3ZDOzs7bUJBR0UsS0FBSztpQkFDTCxLQUFLO21CQUNMLEtBQUs7c0JBRUwsS0FBSyxZQUFJLFdBQVcsU0FBQyxPQUFPO3FCQUc1QixXQUFXLFNBQUMsU0FBUzt1QkFDckIsV0FBVyxTQUFDLFdBQVc7a0NBQ3ZCLFdBQVcsU0FBQyx1QkFBdUI7bUNBQ25DLFdBQVcsU0FBQyx3QkFBd0I7NEJBQ3BDLFdBQVcsU0FBQyxpQkFBaUI7aUNBQzdCLFdBQVcsU0FBQyxzQkFBc0I7NkJBQ2xDLFdBQVcsU0FBQyxrQkFBa0I7K0JBQzlCLFdBQVcsU0FBQyxvQkFBb0I7K0JBQ2hDLFdBQVcsU0FBQyxvQkFBb0I7OEJBQ2hDLFdBQVcsU0FBQyxtQkFBbUI7MkJBQy9CLFdBQVcsU0FBQyxnQkFBZ0I7K0JBQzVCLFdBQVcsU0FBQyxvQkFBb0I7K0JBQ2hDLFdBQVcsU0FBQyxvQkFBb0I7MkJBQ2hDLFdBQVcsU0FBQyxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQsIE9uQ2hhbmdlcywgU2ltcGxlQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBBY2Nlc3NpYmlsaXR5Q29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vc2hhcmVkL2NvbXBvbmVudHMnO1xyXG5pbXBvcnQgeyBTdGF0dXNJY29uRGF0YSB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMvc3RhdHVzLWljb24tZGF0YSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2Rlc3ktc3RhdHVzJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vc3RhdHVzLmNvbXBvbmVudC5odG1sJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgU3RhdHVzQ29tcG9uZW50IGV4dGVuZHMgQWNjZXNzaWJpbGl0eUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlc3tcclxuXHJcbiAgQElucHV0KCkgdGV4dDogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGlkOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgaWNvbjogU3RhdHVzSWNvbkRhdGE7XHJcblxyXG4gIEBJbnB1dCgpIEBIb3N0QmluZGluZygnY2xhc3MnKSBjbGFzc2VzOiBhbnk7XHJcblxyXG4gIC8vQWNjZXNzaWJpbGl0eVxyXG4gIEBIb3N0QmluZGluZygnYXR0ci5pZCcpIGlkRGF0YTogYW55O1xyXG4gIEBIb3N0QmluZGluZygnYXR0ci5yb2xlJykgcm9sZURhdGE6IGFueTtcclxuICBASG9zdEJpbmRpbmcoJ2F0dHIuYXJpYS1kZXNjcmliZWRieScpIGFyaWFEZXNjcmliZWRieURhdGE6IGFueTtcclxuICBASG9zdEJpbmRpbmcoJ2F0dHIuYXJpYS1lcnJvcm1lc3NhZ2UnKSBhcmlhRXJyb3JtZXNzYWdlRGF0YTogYW55O1xyXG4gIEBIb3N0QmluZGluZygnYXR0ci5hcmlhLWxhYmVsJykgYXJpYUxhYmVsRGF0YTogYW55O1xyXG4gIEBIb3N0QmluZGluZygnYXR0ci5hcmlhLWxhYmVsbGVkYnknKSBhcmlhTGFiZWxsZWRieURhdGE6IGFueTtcclxuICBASG9zdEJpbmRpbmcoJ2F0dHIuYXJpYS1oaWRkZW4nKSBhcmlhSGlkZGVuRGF0YTogYW55O1xyXG4gIEBIb3N0QmluZGluZygnYXR0ci5hcmlhLWRpc2FibGVkJykgYXJpYURpc2FibGVkRGF0YTogYW55O1xyXG4gIEBIb3N0QmluZGluZygnYXR0ci5hcmlhLWNvbnRyb2xzJykgYXJpYUNvbnRyb2xzRGF0YTogYW55O1xyXG4gIEBIb3N0QmluZGluZygnYXR0ci5hcmlhLWN1cnJlbnQnKSBhcmlhQ3VycmVudERhdGE6IGFueTtcclxuICBASG9zdEJpbmRpbmcoJ2F0dHIuYXJpYS1saXZlJykgYXJpYUxpdmVEYXRhOiBhbnk7XHJcbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmFyaWEtZXhwYW5kZWQnKSBhcmlhRXhwYW5kZWREYXRhOiBhbnk7XHJcbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmFyaWEtaGFzcG9wdXAnKSBhcmlhSGFzcG9wdXBEYXRhOiBhbnk7XHJcbiAgQEhvc3RCaW5kaW5nKCdhdHRyLnRhYmluZGV4JykgdGFiaW5kZXhEYXRhOiBhbnk7XHJcblxyXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcclxuICAgIHRoaXMuY2xhc3NlcyA9IHRoaXMuY2xhc3NlcyA/IHRoaXMuY2xhc3NlcyA6IG51bGw7XHJcbiAgICB0aGlzLmlkRGF0YSA9IHRoaXMuaWQgPyB0aGlzLmlkIDogbnVsbDtcclxuICAgIHRoaXMucm9sZURhdGEgPSB0aGlzLnJvbGUgPyB0aGlzLnJvbGUgOiBudWxsO1xyXG4gICAgdGhpcy5hcmlhRGVzY3JpYmVkYnlEYXRhID0gdGhpcy5hcmlhRGVzY3JpYmVkQnkgPyB0aGlzLmFyaWFEZXNjcmliZWRCeSA6IG51bGw7XHJcbiAgICB0aGlzLmFyaWFFcnJvcm1lc3NhZ2VEYXRhID0gdGhpcy5hcmlhRXJyb3JNZXNzYWdlID8gdGhpcy5hcmlhRXJyb3JNZXNzYWdlIDogbnVsbDtcclxuICAgIHRoaXMuYXJpYUxhYmVsRGF0YSA9IHRoaXMuYXJpYUxhYmVsID8gdGhpcy5hcmlhTGFiZWwgOiBudWxsO1xyXG4gICAgdGhpcy5hcmlhTGFiZWxsZWRieURhdGEgPSB0aGlzLmFyaWFMYWJlbGxlZEJ5ID8gdGhpcy5hcmlhTGFiZWxsZWRCeSA6IG51bGw7XHJcbiAgICB0aGlzLmFyaWFIaWRkZW5EYXRhID0gdGhpcy5hcmlhSGlkZGVuID8gdGhpcy5hcmlhSGlkZGVuIDogbnVsbDtcclxuICAgIHRoaXMuYXJpYURpc2FibGVkRGF0YSA9IHRoaXMuYXJpYURpc2FibGVkID8gdGhpcy5hcmlhRGlzYWJsZWQgOiBudWxsO1xyXG4gICAgdGhpcy5hcmlhQ29udHJvbHNEYXRhID0gdGhpcy5hcmlhQ29udHJvbHMgPyB0aGlzLmFyaWFDb250cm9scyA6IG51bGw7XHJcbiAgICB0aGlzLmFyaWFDdXJyZW50RGF0YSA9IHRoaXMuYXJpYUN1cnJlbnQgPyB0aGlzLmFyaWFDdXJyZW50IDogbnVsbDtcclxuICAgIHRoaXMuYXJpYUxpdmVEYXRhID0gdGhpcy5hcmlhTGl2ZSA/IHRoaXMuYXJpYUxpdmUgOiBudWxsO1xyXG4gICAgdGhpcy5hcmlhRXhwYW5kZWREYXRhID0gdGhpcy5hcmlhRXhwYW5kZWQgPyB0aGlzLmFyaWFFeHBhbmRlZCA6IG51bGw7XHJcbiAgICB0aGlzLmFyaWFIYXNwb3B1cERhdGEgPSB0aGlzLmFyaWFIYXNQb3B1cCA/IHRoaXMuYXJpYUhhc1BvcHVwIDogbnVsbDtcclxuICAgIHRoaXMudGFiaW5kZXhEYXRhID0gdGhpcy50YWJpbmRleCA/IHRoaXMudGFiaW5kZXggOiBudWxsO1xyXG4gIH1cclxuXHJcbiAgZ2V0VHlwZSgpOiBzdHJpbmcge1xyXG4gICAgbGV0IHR5cGU6IHN0cmluZztcclxuICAgIGlmICh0aGlzLmljb24gJiYgdGhpcy5pY29uLnR5cGUpe1xyXG4gICAgICB0eXBlID0gdGhpcy5pY29uLnR5cGUudG9Mb2NhbGVMb3dlckNhc2UoKTtcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHR5cGUgPSAnc3VjY2Vzcyc7XHJcbiAgICB9IFxyXG4gICAgcmV0dXJuIHR5cGU7XHJcbiAgfVxyXG59XHJcbiJdfQ==

package/esm2015/lib/desy-views/components/status-item/status-item.component.js

@@ -1,5 +1,5 @@
 import { __decorate } from "tslib";
-import { Component, ContentChildren, Input } from '@angular/core';
+import { Component, ContentChildren, HostBinding, Input } from '@angular/core';
 import { AccessibilityComponent } from '../../../shared/components';
 import { DescriptionItemComponent } from '../description-list/description-item/description-item.component';
 import { TitleComponent } from '../../../desy-commons/components/title/title.component';
@@ -9,6 +9,23 @@ import { StatusComponent } from '../status/status.component';
 import { ContentComponent } from '../../../desy-commons/components/content/content.component';
 import { DesyContentChild } from '../../../shared/decorators/desy-content-child.decorator';
 export class StatusItemComponent extends AccessibilityComponent {
+    ngOnChanges(changes) {
+        this.classes = this.classes ? this.classes : null;
+        this.idData = this.id ? this.id : null;
+        this.roleData = this.role ? this.role : null;
+        this.ariaDescribedbyData = this.ariaDescribedBy ? this.ariaDescribedBy : null;
+        this.ariaErrormessageData = this.ariaErrorMessage ? this.ariaErrorMessage : null;
+        this.ariaLabelData = this.ariaLabel ? this.ariaLabel : null;
+        this.ariaLabelledbyData = this.ariaLabelledBy ? this.ariaLabelledBy : null;
+        this.ariaHiddenData = this.ariaHidden ? this.ariaHidden : null;
+        this.ariaDisabledData = this.ariaDisabled ? this.ariaDisabled : null;
+        this.ariaControlsData = this.ariaControls ? this.ariaControls : null;
+        this.ariaCurrentData = this.ariaCurrent ? this.ariaCurrent : null;
+        this.ariaLiveData = this.ariaLive ? this.ariaLive : null;
+        this.ariaExpandedData = this.ariaExpanded ? this.ariaExpanded : null;
+        this.ariaHaspopupData = this.ariaHasPopup ? this.ariaHasPopup : null;
+        this.tabindexData = this.tabindex ? this.tabindex : null;
+    }
     getItems() {
         return (this.itemComponents.length > 0) ? this.itemComponents.toArray() : this.items;
     }
@@ -16,12 +33,11 @@ export class StatusItemComponent extends AccessibilityComponent {
 StatusItemComponent.decorators = [
     { type: Component, args: [{
                 selector: 'desy-status-item',
-                template: "<ng-template #commonHtml>\r\n  <p *ngIf=\"titleComponent || title\" [class]=\"title ?  title.classes : 'my-sm'\">\r\n     <ng-container *desyCustomInnerContent=\"{\r\n        component: titleComponent,\r\n        html: title ? title.html : null,\r\n        text: title ? title.text : null\r\n      }\"></ng-container>\r\n  </p>\r\n\r\n  <ng-container *ngIf=\"hintComponent\">\r\n      <ng-content select=\"desy-hint\"></ng-content>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"!hintComponent && hint\">\r\n    <desy-hint [text]=\"hint.text\" [html]=\"hint.html\" [classes]=\"hint.classes\" [id]=\"hint.id\"\r\n               [role]=\"hint.role\"\r\n               [ariaLabel]=\"hint.ariaLabel\"\r\n               [ariaDescribedBy]=\"(hint.ariaDescribedBy ? hint.ariaDescribedBy + '' + hint.id : hint.id)\"\r\n               [ariaLabelledBy]=\"hint.ariaLabelledBy\"\r\n               [ariaHidden]=\"hint.ariaHidden\"\r\n               [ariaDisabled]=\"hint.ariaDisabled\"\r\n               [ariaControls]=\"hint.ariaControls\"\r\n               [ariaCurrent]=\"hint.ariaCurrent\"\r\n               [ariaLive]=\"hint.ariaLive\"\r\n               [ariaExpanded]=\"hint.ariaExpanded\"\r\n               [ariaErrorMessage]=\"hint.ariaErrorMessage\"\r\n               [ariaHasPopup]=\"hint.ariaHasPopup\"\r\n               [tabindex]=\"hint.tabindex\"></desy-hint>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf=\"errorMessageComponent\">\r\n    <ng-content select=\"desy-error-message\"></ng-content>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"!errorMessageComponent && errorMessage\">\r\n    <desy-error-message [text]=\"errorMessage.text\" [html]=\"errorMessage.html\"\r\n                        [visuallyHiddenText]=\"errorMessage.visuallyHiddenText\"\r\n                        [id]=\"(errorId ? errorId : id + '-error')\" [classes]=\"errorMessage.classes\"\r\n                        [role]=\"errorMessage.role\"\r\n                        [ariaLabel]=\"errorMessage.ariaLabel\"\r\n                        [ariaDescribedBy]=\"(errorMessage.ariaDescribedBy ? errorMessage.ariaDescribedBy + '' + errorId : errorId)\"\r\n                        [ariaLabelledBy]=\"errorMessage.ariaLabelledBy\"\r\n                        [ariaHidden]=\"errorMessage.ariaHidden\"\r\n                        [ariaDisabled]=\"errorMessage.ariaDisabled\"\r\n                        [ariaControls]=\"errorMessage.ariaControls\"\r\n                        [ariaCurrent]=\"errorMessage.ariaCurrent\"\r\n                        [ariaLive]=\"errorMessage.ariaLive\"\r\n                        [ariaExpanded]=\"errorMessage.ariaExpanded\"\r\n                        [ariaErrorMessage]=\"errorMessage.ariaErrorMessage\"\r\n                        [ariaHasPopup]=\"errorMessage.ariaHasPopup\"\r\n                        [tabindex]=\"errorMessage.tabindex\"></desy-error-message>\r\n  </ng-container>\r\n</ng-template>\r\n\r\n<div [attr.id]=\"id ? id : null\" [class]=\"(classes ?  classes : null)\"\r\n     [attr.role]=\"role\"\r\n     [attr.aria-describedby]=\"ariaDescribedBy\"\r\n     [attr.aria-errormessage]=\"ariaErrorMessage\"\r\n     [attr.aria-label]=\"ariaLabel\"\r\n     [attr.aria-labelledby]=\"ariaLabelledBy\"\r\n     [attr.aria-hidden]=\"ariaHidden\"\r\n     [attr.aria-disabled]=\"ariaDisabled\"\r\n     [attr.aria-controls]=\"ariaControls\"\r\n     [attr.aria-current]=\"ariaCurrent\"\r\n     [attr.aria-live]=\"ariaLive\"\r\n     [attr.aria-expanded]=\"ariaExpanded\"\r\n     [attr.aria-haspopup]=\"ariaHasPopup\"\r\n     [attr.tabindex]=\"tabindex\">\r\n\r\n  <div class=\"lg:flex lg:justify-between lg:items-start -my-px px-base py-sm border-t border-b border-neutral-base\">\r\n    <ng-container *ngIf=\"getItems(); else noItems\">\r\n      <div class=\"lg:w-2/3\">\r\n        <ng-container *ngTemplateOutlet=\"commonHtml\"></ng-container>\r\n        <dl>\r\n          <div *ngFor=\"let item of getItems()\"\r\n              [class]=\"(item.classes ? 'flex lg-flex-wrap ' + item.classes : 'flex lg-flex-wrap')\"\r\n              [attr.id]=\"item.id ? item.id : null\"\r\n              [attr.role]=\"item.role\"\r\n              [attr.aria-describedby]=\"item.ariaDescribedBy\"\r\n              [attr.aria-errormessage]=\"item.ariaErrorMessage\"\r\n              [attr.aria-label]=\"item.ariaLabel\"\r\n              [attr.aria-labelledby]=\"item.ariaLabelledBy\"\r\n              [attr.aria-hidden]=\"item.ariaHidden\"\r\n              [attr.aria-disabled]=\"item.ariaDisabled\"\r\n              [attr.aria-controls]=\"item.ariaControls\"\r\n              [attr.aria-current]=\"item.ariaCurrent\"\r\n              [attr.aria-live]=\"item.ariaLive\"\r\n              [attr.aria-expanded]=\"item.ariaExpanded\"\r\n              [attr.aria-haspopup]=\"item.ariaHasPopup\">\r\n            <dt [class]=\"(item.term.classes ?  item.term.classes : 'w-1/2 my-sm')\"\r\n                [attr.id]=\"item.term.id ? item.term.id : null\"\r\n                [attr.role]=\"item.term.role\"\r\n                [attr.aria-describedby]=\"item.term.ariaDescribedBy\"\r\n                [attr.aria-errormessage]=\"item.term.ariaErrorMessage\"\r\n                [attr.aria-label]=\"item.term.ariaLabel\"\r\n                [attr.aria-labelledby]=\"item.term.ariaLabelledBy\"\r\n                [attr.aria-hidden]=\"item.term.ariaHidden\"\r\n                [attr.aria-disabled]=\"item.term.ariaDisabled\"\r\n                [attr.aria-controls]=\"item.term.ariaControls\"\r\n                [attr.aria-current]=\"item.term.ariaCurrent\"\r\n                [attr.aria-live]=\"item.term.ariaLive\"\r\n                [attr.aria-expanded]=\"item.term.ariaExpanded\"\r\n                [attr.aria-haspopup]=\"item.term.ariaHasPopup\">\r\n                <ng-container *desyCustomInnerContent=\"{ component: item.term, html: item.term.html, text: item.term.text}\"></ng-container>\r\n            </dt>\r\n            <dd [class]=\"(item.definition.classes ?  item.definition.classes : 'w-1/2 my-sm font-semibold')\"\r\n                [attr.id]=\"item.definition.id ? item.definition.id : null\"\r\n                [attr.role]=\"item.definition.role\"\r\n                [attr.aria-describedby]=\"item.definition.ariaDescribedBy\"\r\n                [attr.aria-errormessage]=\"item.definition.ariaErrorMessage\"\r\n                [attr.aria-label]=\"item.definition.ariaLabel\"\r\n                [attr.aria-labelledby]=\"item.definition.ariaLabelledBy\"\r\n                [attr.aria-hidden]=\"item.definition.ariaHidden\"\r\n                [attr.aria-disabled]=\"item.definition.ariaDisabled\"\r\n                [attr.aria-controls]=\"item.definition.ariaControls\"\r\n                [attr.aria-current]=\"item.definition.ariaCurrent\"\r\n                [attr.aria-live]=\"item.definition.ariaLive\"\r\n                [attr.aria-expanded]=\"item.definition.ariaExpanded\"\r\n                [attr.aria-haspopup]=\"item.definition.ariaHasPopup\">\r\n                <ng-container *desyCustomInnerContent=\"{ component: item.definition, html: item.definition.html, text: item.definition.text}\"></ng-container>\r\n            </dd>\r\n          </div>\r\n        </dl>\r\n      </div>\r\n    </ng-container>\r\n    <ng-template #noItems>\r\n      <div class=\"lg:w-2/3\">\r\n        <ng-container *ngTemplateOutlet=\"commonHtml\"></ng-container>\r\n      </div>\r\n    </ng-template>\r\n\r\n    <div class=\"lg:flex lg:flex-wrap lg:items-center lg:1/3\">\r\n\r\n      <div *ngIf=\"contentComponent || caller\" [id]=\"id + '-status-item'\"\r\n           [class]=\"'w-full lg:w-auto lg:text-right mt-base lg:mt-0 mb-base lg:mb-0'\">\r\n        <ng-container *desyCustomInnerContent=\"{ component: contentComponent, template: caller }\"></ng-container>\r\n      </div>\r\n\r\n      <div *ngIf=\"statusComponent || status\" class=\"mb-base lg:mb-0 ml-base py-sm\">\r\n        <ng-container *ngIf=\"statusComponent\">\r\n          <ng-content select=\"desy-status\"></ng-content>\r\n        </ng-container>\r\n        <desy-status *ngIf=\"!statusComponent && status\"\r\n                     [text]=\"status.text\" [icon]=\"status.icon\" [classes]=\"status.classes\" [id]=\"status.id\"\r\n                     [role]=\"status.role\"\r\n                     [ariaLabel]=\"status.ariaLabel\"\r\n                     [ariaDescribedBy]=\"status.ariaDescribedBy\"\r\n                     [ariaLabelledBy]=\"status.ariaLabelledBy\"\r\n                     [ariaHidden]=\"status.ariaHidden\"\r\n                     [ariaDisabled]=\"status.ariaDisabled\"\r\n                     [ariaControls]=\"status.ariaControls\"\r\n                     [ariaCurrent]=\"status.ariaCurrent\"\r\n                     [ariaLive]=\"status.ariaLive\"\r\n                     [ariaExpanded]=\"status.ariaExpanded\"\r\n                     [ariaErrorMessage]=\"status.ariaErrorMessage\"\r\n                     [ariaHasPopup]=\"status.ariaHasPopup\"\r\n                     [tabindex]=\"status.tabindex\"></desy-status>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n"
+                template: "<ng-template #commonHtml>\r\n  <p *ngIf=\"titleComponent || title\" [class]=\"title ?  title.classes : 'my-sm'\">\r\n     <ng-container *desyCustomInnerContent=\"{\r\n        component: titleComponent,\r\n        html: title ? title.html : null,\r\n        text: title ? title.text : null\r\n      }\"></ng-container>\r\n  </p>\r\n\r\n  <ng-container *ngIf=\"hintComponent\">\r\n      <ng-content select=\"desy-hint\"></ng-content>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"!hintComponent && hint\">\r\n    <desy-hint [text]=\"hint.text\" [html]=\"hint.html\" [classes]=\"hint.classes\" [id]=\"hint.id\"\r\n               [role]=\"hint.role\"\r\n               [ariaLabel]=\"hint.ariaLabel\"\r\n               [ariaDescribedBy]=\"(hint.ariaDescribedBy ? hint.ariaDescribedBy + '' + hint.id : hint.id)\"\r\n               [ariaLabelledBy]=\"hint.ariaLabelledBy\"\r\n               [ariaHidden]=\"hint.ariaHidden\"\r\n               [ariaDisabled]=\"hint.ariaDisabled\"\r\n               [ariaControls]=\"hint.ariaControls\"\r\n               [ariaCurrent]=\"hint.ariaCurrent\"\r\n               [ariaLive]=\"hint.ariaLive\"\r\n               [ariaExpanded]=\"hint.ariaExpanded\"\r\n               [ariaErrorMessage]=\"hint.ariaErrorMessage\"\r\n               [ariaHasPopup]=\"hint.ariaHasPopup\"\r\n               [tabindex]=\"hint.tabindex\"></desy-hint>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf=\"errorMessageComponent\">\r\n    <ng-content select=\"desy-error-message\"></ng-content>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"!errorMessageComponent && errorMessage\">\r\n    <desy-error-message [text]=\"errorMessage.text\" [html]=\"errorMessage.html\"\r\n                        [visuallyHiddenText]=\"errorMessage.visuallyHiddenText\"\r\n                        [id]=\"(errorId ? errorId : id + '-error')\" [classes]=\"errorMessage.classes\"\r\n                        [role]=\"errorMessage.role\"\r\n                        [ariaLabel]=\"errorMessage.ariaLabel\"\r\n                        [ariaDescribedBy]=\"(errorMessage.ariaDescribedBy ? errorMessage.ariaDescribedBy + '' + errorId : errorId)\"\r\n                        [ariaLabelledBy]=\"errorMessage.ariaLabelledBy\"\r\n                        [ariaHidden]=\"errorMessage.ariaHidden\"\r\n                        [ariaDisabled]=\"errorMessage.ariaDisabled\"\r\n                        [ariaControls]=\"errorMessage.ariaControls\"\r\n                        [ariaCurrent]=\"errorMessage.ariaCurrent\"\r\n                        [ariaLive]=\"errorMessage.ariaLive\"\r\n                        [ariaExpanded]=\"errorMessage.ariaExpanded\"\r\n                        [ariaErrorMessage]=\"errorMessage.ariaErrorMessage\"\r\n                        [ariaHasPopup]=\"errorMessage.ariaHasPopup\"\r\n                        [tabindex]=\"errorMessage.tabindex\"></desy-error-message>\r\n  </ng-container>\r\n</ng-template>\r\n\r\n<div class=\"lg:flex lg:justify-between lg:items-start -my-px px-base py-sm border-t border-b border-neutral-base\">\r\n  <ng-container *ngIf=\"getItems(); else noItems\">\r\n    <div class=\"lg:w-2/3\">\r\n      <ng-container *ngTemplateOutlet=\"commonHtml\"></ng-container>\r\n      <dl>\r\n        <div *ngFor=\"let item of getItems()\"\r\n            [class]=\"(item.classes ? 'flex lg-flex-wrap ' + item.classes : 'flex lg-flex-wrap')\"\r\n            [attr.id]=\"item.id ? item.id : null\"\r\n            [attr.role]=\"item.role\"\r\n            [attr.aria-describedby]=\"item.ariaDescribedBy\"\r\n            [attr.aria-errormessage]=\"item.ariaErrorMessage\"\r\n            [attr.aria-label]=\"item.ariaLabel\"\r\n            [attr.aria-labelledby]=\"item.ariaLabelledBy\"\r\n            [attr.aria-hidden]=\"item.ariaHidden\"\r\n            [attr.aria-disabled]=\"item.ariaDisabled\"\r\n            [attr.aria-controls]=\"item.ariaControls\"\r\n            [attr.aria-current]=\"item.ariaCurrent\"\r\n            [attr.aria-live]=\"item.ariaLive\"\r\n            [attr.aria-expanded]=\"item.ariaExpanded\"\r\n            [attr.aria-haspopup]=\"item.ariaHasPopup\">\r\n          <dt [class]=\"(item.term.classes ?  item.term.classes : 'w-1/2 my-sm')\"\r\n              [attr.id]=\"item.term.id ? item.term.id : null\"\r\n              [attr.role]=\"item.term.role\"\r\n              [attr.aria-describedby]=\"item.term.ariaDescribedBy\"\r\n              [attr.aria-errormessage]=\"item.term.ariaErrorMessage\"\r\n              [attr.aria-label]=\"item.term.ariaLabel\"\r\n              [attr.aria-labelledby]=\"item.term.ariaLabelledBy\"\r\n              [attr.aria-hidden]=\"item.term.ariaHidden\"\r\n              [attr.aria-disabled]=\"item.term.ariaDisabled\"\r\n              [attr.aria-controls]=\"item.term.ariaControls\"\r\n              [attr.aria-current]=\"item.term.ariaCurrent\"\r\n              [attr.aria-live]=\"item.term.ariaLive\"\r\n              [attr.aria-expanded]=\"item.term.ariaExpanded\"\r\n              [attr.aria-haspopup]=\"item.term.ariaHasPopup\">\r\n              <ng-container *desyCustomInnerContent=\"{ component: item.term, html: item.term.html, text: item.term.text}\"></ng-container>\r\n          </dt>\r\n          <dd [class]=\"(item.definition.classes ?  item.definition.classes : 'w-1/2 my-sm font-semibold')\"\r\n              [attr.id]=\"item.definition.id ? item.definition.id : null\"\r\n              [attr.role]=\"item.definition.role\"\r\n              [attr.aria-describedby]=\"item.definition.ariaDescribedBy\"\r\n              [attr.aria-errormessage]=\"item.definition.ariaErrorMessage\"\r\n              [attr.aria-label]=\"item.definition.ariaLabel\"\r\n              [attr.aria-labelledby]=\"item.definition.ariaLabelledBy\"\r\n              [attr.aria-hidden]=\"item.definition.ariaHidden\"\r\n              [attr.aria-disabled]=\"item.definition.ariaDisabled\"\r\n              [attr.aria-controls]=\"item.definition.ariaControls\"\r\n              [attr.aria-current]=\"item.definition.ariaCurrent\"\r\n              [attr.aria-live]=\"item.definition.ariaLive\"\r\n              [attr.aria-expanded]=\"item.definition.ariaExpanded\"\r\n              [attr.aria-haspopup]=\"item.definition.ariaHasPopup\">\r\n              <ng-container *desyCustomInnerContent=\"{ component: item.definition, html: item.definition.html, text: item.definition.text}\"></ng-container>\r\n          </dd>\r\n        </div>\r\n      </dl>\r\n    </div>\r\n  </ng-container>\r\n  <ng-template #noItems>\r\n    <div class=\"lg:w-2/3\">\r\n      <ng-container *ngTemplateOutlet=\"commonHtml\"></ng-container>\r\n    </div>\r\n  </ng-template>\r\n\r\n  <div class=\"lg:flex lg:flex-wrap lg:items-center lg:1/3\">\r\n\r\n    <div *ngIf=\"contentComponent || caller\" [id]=\"id + '-status-item'\"\r\n          [class]=\"'w-full lg:w-auto lg:text-right mt-base lg:mt-0 mb-base lg:mb-0'\">\r\n      <ng-container *desyCustomInnerContent=\"{ component: contentComponent, template: caller }\"></ng-container>\r\n    </div>\r\n\r\n    <div *ngIf=\"statusComponent || status\" class=\"mb-base lg:mb-0 ml-base py-sm\">\r\n      <ng-container *ngIf=\"statusComponent\">\r\n        <ng-content select=\"desy-status\"></ng-content>\r\n      </ng-container>\r\n      <desy-status *ngIf=\"!statusComponent && status\"\r\n                    [text]=\"status.text\" [icon]=\"status.icon\" [classes]=\"status.classes\" [id]=\"status.id\"\r\n                    [role]=\"status.role\"\r\n                    [ariaLabel]=\"status.ariaLabel\"\r\n                    [ariaDescribedBy]=\"status.ariaDescribedBy\"\r\n                    [ariaLabelledBy]=\"status.ariaLabelledBy\"\r\n                    [ariaHidden]=\"status.ariaHidden\"\r\n                    [ariaDisabled]=\"status.ariaDisabled\"\r\n                    [ariaControls]=\"status.ariaControls\"\r\n                    [ariaCurrent]=\"status.ariaCurrent\"\r\n                    [ariaLive]=\"status.ariaLive\"\r\n                    [ariaExpanded]=\"status.ariaExpanded\"\r\n                    [ariaErrorMessage]=\"status.ariaErrorMessage\"\r\n                    [ariaHasPopup]=\"status.ariaHasPopup\"\r\n                    [tabindex]=\"status.tabindex\"></desy-status>\r\n    </div>\r\n  </div>\r\n</div>"
             },] }
 ];
 StatusItemComponent.propDecorators = {
     id: [{ type: Input }],
-    classes: [{ type: Input }],
     errorId: [{ type: Input }],
     describedBy: [{ type: Input }],
     title: [{ type: Input }],
@@ -29,6 +45,21 @@ StatusItemComponent.propDecorators = {
     errorMessage: [{ type: Input }],
     items: [{ type: Input }],
     status: [{ type: Input }],
+    classes: [{ type: Input }, { type: HostBinding, args: ['class',] }],
+    idData: [{ type: HostBinding, args: ['attr.id',] }],
+    roleData: [{ type: HostBinding, args: ['attr.role',] }],
+    ariaDescribedbyData: [{ type: HostBinding, args: ['attr.aria-describedby',] }],
+    ariaErrormessageData: [{ type: HostBinding, args: ['attr.aria-errormessage',] }],
+    ariaLabelData: [{ type: HostBinding, args: ['attr.aria-label',] }],
+    ariaLabelledbyData: [{ type: HostBinding, args: ['attr.aria-labelledby',] }],
+    ariaHiddenData: [{ type: HostBinding, args: ['attr.aria-hidden',] }],
+    ariaDisabledData: [{ type: HostBinding, args: ['attr.aria-disabled',] }],
+    ariaControlsData: [{ type: HostBinding, args: ['attr.aria-controls',] }],
+    ariaCurrentData: [{ type: HostBinding, args: ['attr.aria-current',] }],
+    ariaLiveData: [{ type: HostBinding, args: ['attr.aria-live',] }],
+    ariaExpandedData: [{ type: HostBinding, args: ['attr.aria-expanded',] }],
+    ariaHaspopupData: [{ type: HostBinding, args: ['attr.aria-haspopup',] }],
+    tabindexData: [{ type: HostBinding, args: ['attr.tabindex',] }],
     titleComponent: [{ type: ContentChildren, args: [TitleComponent,] }],
     hintComponent: [{ type: ContentChildren, args: [HintComponent,] }],
     errorMessageComponent: [{ type: ContentChildren, args: [ErrorMessageComponent,] }],
@@ -52,4 +83,4 @@ __decorate([
 __decorate([
     DesyContentChild()
 ], StatusItemComponent.prototype, "statusComponent", void 0);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzeS1hbmd1bGFyL3NyYy9saWIvZGVzeS12aWV3cy9jb21wb25lbnRzL3N0YXR1cy1pdGVtL3N0YXR1cy1pdGVtLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxlQUFlLEVBQUUsS0FBSyxFQUEwQixNQUFNLGVBQWUsQ0FBQztBQUMxRixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUdwRSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxpRUFBaUUsQ0FBQztBQUMzRyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sd0RBQXdELENBQUM7QUFDeEYsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG9EQUFvRCxDQUFDO0FBQ25GLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHNFQUFzRSxDQUFDO0FBQzdHLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw0REFBNEQsQ0FBQztBQUM5RixPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSx5REFBeUQsQ0FBQztBQU16RixNQUFNLE9BQU8sbUJBQW9CLFNBQVEsc0JBQXNCO0lBZ0M3RCxRQUFRO1FBQ04sT0FBTyxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLE9BQU8sRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDO0lBQ3ZGLENBQUM7OztZQXRDRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGtCQUFrQjtnQkFDNUIsODBSQUEyQzthQUM1Qzs7O2lCQUdFLEtBQUs7c0JBQ0wsS0FBSztzQkFFTCxLQUFLOzBCQUNMLEtBQUs7b0JBRUwsS0FBSzttQkFDTCxLQUFLOzJCQUNMLEtBQUs7b0JBQ0wsS0FBSztxQkFDTCxLQUFLOzZCQUdMLGVBQWUsU0FBQyxjQUFjOzRCQUc5QixlQUFlLFNBQUMsYUFBYTtvQ0FHN0IsZUFBZSxTQUFDLHFCQUFxQjsrQkFHckMsZUFBZSxTQUFDLGdCQUFnQjs2QkFFaEMsZUFBZSxTQUFDLHdCQUF3Qjs4QkFHeEMsZUFBZSxTQUFDLGVBQWU7cUJBQy9CLEtBQUs7O0FBZjJCO0lBRGhDLGdCQUFnQixFQUFFOzJEQUM2QztBQUdoQztJQUQvQixnQkFBZ0IsRUFBRTswREFDMEM7QUFHckI7SUFEdkMsZ0JBQWdCLEVBQUU7a0VBQ2tFO0FBR2xEO0lBRGxDLGdCQUFnQixFQUFFOzZEQUNtRDtBQUtwQztJQURqQyxnQkFBZ0IsRUFBRTs0REFDZ0QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENvbnRlbnRDaGlsZHJlbiwgSW5wdXQsIFF1ZXJ5TGlzdCwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQWNjZXNzaWJpbGl0eUNvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uL3NoYXJlZC9jb21wb25lbnRzJztcclxuaW1wb3J0IHsgRGVzY3JpcHRpb25JdGVtRGF0YSwgU3RhdHVzSXRlbVRpdGxlRGF0YSwgU3RhdHVzRGF0YSB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMnO1xyXG5pbXBvcnQgeyBFcnJvck1lc3NhZ2VEYXRhLCBIaW50RGF0YSB9IGZyb20gJy4uLy4uLy4uL2Rlc3ktZm9ybXMvaW50ZXJmYWNlcyc7XHJcbmltcG9ydCB7IERlc2NyaXB0aW9uSXRlbUNvbXBvbmVudCB9IGZyb20gJy4uL2Rlc2NyaXB0aW9uLWxpc3QvZGVzY3JpcHRpb24taXRlbS9kZXNjcmlwdGlvbi1pdGVtLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFRpdGxlQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vZGVzeS1jb21tb25zL2NvbXBvbmVudHMvdGl0bGUvdGl0bGUuY29tcG9uZW50JztcclxuaW1wb3J0IHsgSGludENvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uL2Rlc3ktZm9ybXMvY29tcG9uZW50cy9oaW50L2hpbnQuY29tcG9uZW50JztcclxuaW1wb3J0IHsgRXJyb3JNZXNzYWdlQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vZGVzeS1mb3Jtcy9jb21wb25lbnRzL2Vycm9yLW1lc3NhZ2UvZXJyb3ItbWVzc2FnZS5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBTdGF0dXNDb21wb25lbnQgfSBmcm9tICcuLi9zdGF0dXMvc3RhdHVzLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IENvbnRlbnRDb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi9kZXN5LWNvbW1vbnMvY29tcG9uZW50cy9jb250ZW50L2NvbnRlbnQuY29tcG9uZW50JztcclxuaW1wb3J0IHtEZXN5Q29udGVudENoaWxkfSBmcm9tICcuLi8uLi8uLi9zaGFyZWQvZGVjb3JhdG9ycy9kZXN5LWNvbnRlbnQtY2hpbGQuZGVjb3JhdG9yJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnZGVzeS1zdGF0dXMtaXRlbScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3N0YXR1cy1pdGVtLmNvbXBvbmVudC5odG1sJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgU3RhdHVzSXRlbUNvbXBvbmVudCBleHRlbmRzIEFjY2Vzc2liaWxpdHlDb21wb25lbnQge1xyXG5cclxuICBASW5wdXQoKSBpZDogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGNsYXNzZXM6IHN0cmluZztcclxuXHJcbiAgQElucHV0KCkgZXJyb3JJZDogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGRlc2NyaWJlZEJ5OiBzdHJpbmc7XHJcblxyXG4gIEBJbnB1dCgpIHRpdGxlOiBTdGF0dXNJdGVtVGl0bGVEYXRhO1xyXG4gIEBJbnB1dCgpIGhpbnQ6IEhpbnREYXRhO1xyXG4gIEBJbnB1dCgpIGVycm9yTWVzc2FnZTogRXJyb3JNZXNzYWdlRGF0YTtcclxuICBASW5wdXQoKSBpdGVtczogRGVzY3JpcHRpb25JdGVtRGF0YVtdO1xyXG4gIEBJbnB1dCgpIHN0YXR1czogU3RhdHVzRGF0YTtcclxuXHJcbiAgQERlc3lDb250ZW50Q2hpbGQoKVxyXG4gIEBDb250ZW50Q2hpbGRyZW4oVGl0bGVDb21wb25lbnQpIHRpdGxlQ29tcG9uZW50OiBUaXRsZUNvbXBvbmVudDtcclxuXHJcbiAgQERlc3lDb250ZW50Q2hpbGQoKVxyXG4gIEBDb250ZW50Q2hpbGRyZW4oSGludENvbXBvbmVudCkgaGludENvbXBvbmVudDogSGludENvbXBvbmVudDtcclxuXHJcbiAgQERlc3lDb250ZW50Q2hpbGQoKVxyXG4gIEBDb250ZW50Q2hpbGRyZW4oRXJyb3JNZXNzYWdlQ29tcG9uZW50KSBlcnJvck1lc3NhZ2VDb21wb25lbnQ6IEVycm9yTWVzc2FnZUNvbXBvbmVudDtcclxuXHJcbiAgQERlc3lDb250ZW50Q2hpbGQoKVxyXG4gIEBDb250ZW50Q2hpbGRyZW4oQ29udGVudENvbXBvbmVudCkgY29udGVudENvbXBvbmVudDogQ29udGVudENvbXBvbmVudDtcclxuXHJcbiAgQENvbnRlbnRDaGlsZHJlbihEZXNjcmlwdGlvbkl0ZW1Db21wb25lbnQpIGl0ZW1Db21wb25lbnRzOiBRdWVyeUxpc3Q8RGVzY3JpcHRpb25JdGVtQ29tcG9uZW50PjtcclxuXHJcbiAgQERlc3lDb250ZW50Q2hpbGQoKVxyXG4gIEBDb250ZW50Q2hpbGRyZW4oU3RhdHVzQ29tcG9uZW50KSBzdGF0dXNDb21wb25lbnQ6IFN0YXR1c0NvbXBvbmVudDtcclxuICBASW5wdXQoKSBjYWxsZXI6IFRlbXBsYXRlUmVmPGFueT47XHJcblxyXG4gIGdldEl0ZW1zKCk6IERlc2NyaXB0aW9uSXRlbURhdGFbXXxEZXNjcmlwdGlvbkl0ZW1Db21wb25lbnRbXSB7XHJcbiAgICByZXR1cm4gKHRoaXMuaXRlbUNvbXBvbmVudHMubGVuZ3RoID4gMCkgPyB0aGlzLml0ZW1Db21wb25lbnRzLnRvQXJyYXkoKSA6IHRoaXMuaXRlbXM7XHJcbiAgfVxyXG59XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzeS1hbmd1bGFyL3NyYy9saWIvZGVzeS12aWV3cy9jb21wb25lbnRzL3N0YXR1cy1pdGVtL3N0YXR1cy1pdGVtLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxlQUFlLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBb0QsTUFBTSxlQUFlLENBQUM7QUFDakksT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFHcEUsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0saUVBQWlFLENBQUM7QUFDM0csT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHdEQUF3RCxDQUFDO0FBQ3hGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxvREFBb0QsQ0FBQztBQUNuRixPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxzRUFBc0UsQ0FBQztBQUM3RyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDN0QsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sNERBQTRELENBQUM7QUFDOUYsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0seURBQXlELENBQUM7QUFNekYsTUFBTSxPQUFPLG1CQUFvQixTQUFRLHNCQUFzQjtJQWlEN0QsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO1FBQ2xELElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO1FBQ3ZDLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO1FBQzdDLElBQUksQ0FBQyxtQkFBbUIsR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7UUFDOUUsSUFBSSxDQUFDLG9CQUFvQixHQUFHLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7UUFDakYsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7UUFDNUQsSUFBSSxDQUFDLGtCQUFrQixHQUFHLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztRQUMzRSxJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztRQUMvRCxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO1FBQ3JFLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7UUFDckUsSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7UUFDbEUsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7UUFDekQsSUFBSSxDQUFDLGdCQUFnQixHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztRQUNyRSxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO1FBQ3JFLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO0lBQzNELENBQUM7SUFFRCxRQUFRO1FBQ04sT0FBTyxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLE9BQU8sRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDO0lBQ3ZGLENBQUM7OztZQXpFRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGtCQUFrQjtnQkFDNUIsbWhRQUEyQzthQUM1Qzs7O2lCQUdFLEtBQUs7c0JBRUwsS0FBSzswQkFDTCxLQUFLO29CQUVMLEtBQUs7bUJBQ0wsS0FBSzsyQkFDTCxLQUFLO29CQUNMLEtBQUs7cUJBQ0wsS0FBSztzQkFFTCxLQUFLLFlBQUksV0FBVyxTQUFDLE9BQU87cUJBRzVCLFdBQVcsU0FBQyxTQUFTO3VCQUNyQixXQUFXLFNBQUMsV0FBVztrQ0FDdkIsV0FBVyxTQUFDLHVCQUF1QjttQ0FDbkMsV0FBVyxTQUFDLHdCQUF3Qjs0QkFDcEMsV0FBVyxTQUFDLGlCQUFpQjtpQ0FDN0IsV0FBVyxTQUFDLHNCQUFzQjs2QkFDbEMsV0FBVyxTQUFDLGtCQUFrQjsrQkFDOUIsV0FBVyxTQUFDLG9CQUFvQjsrQkFDaEMsV0FBVyxTQUFDLG9CQUFvQjs4QkFDaEMsV0FBVyxTQUFDLG1CQUFtQjsyQkFDL0IsV0FBVyxTQUFDLGdCQUFnQjsrQkFDNUIsV0FBVyxTQUFDLG9CQUFvQjsrQkFDaEMsV0FBVyxTQUFDLG9CQUFvQjsyQkFDaEMsV0FBVyxTQUFDLGVBQWU7NkJBRzNCLGVBQWUsU0FBQyxjQUFjOzRCQUc5QixlQUFlLFNBQUMsYUFBYTtvQ0FHN0IsZUFBZSxTQUFDLHFCQUFxQjsrQkFHckMsZUFBZSxTQUFDLGdCQUFnQjs2QkFFaEMsZUFBZSxTQUFDLHdCQUF3Qjs4QkFHeEMsZUFBZSxTQUFDLGVBQWU7cUJBQy9CLEtBQUs7O0FBZjJCO0lBRGhDLGdCQUFnQixFQUFFOzJEQUM2QztBQUdoQztJQUQvQixnQkFBZ0IsRUFBRTswREFDMEM7QUFHckI7SUFEdkMsZ0JBQWdCLEVBQUU7a0VBQ2tFO0FBR2xEO0lBRGxDLGdCQUFnQixFQUFFOzZEQUNtRDtBQUtwQztJQURqQyxnQkFBZ0IsRUFBRTs0REFDZ0QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENvbnRlbnRDaGlsZHJlbiwgSG9zdEJpbmRpbmcsIElucHV0LCBPbkNoYW5nZXMsIFF1ZXJ5TGlzdCwgU2ltcGxlQ2hhbmdlcywgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQWNjZXNzaWJpbGl0eUNvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uL3NoYXJlZC9jb21wb25lbnRzJztcclxuaW1wb3J0IHsgRGVzY3JpcHRpb25JdGVtRGF0YSwgU3RhdHVzSXRlbVRpdGxlRGF0YSwgU3RhdHVzRGF0YSB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMnO1xyXG5pbXBvcnQgeyBFcnJvck1lc3NhZ2VEYXRhLCBIaW50RGF0YSB9IGZyb20gJy4uLy4uLy4uL2Rlc3ktZm9ybXMvaW50ZXJmYWNlcyc7XHJcbmltcG9ydCB7IERlc2NyaXB0aW9uSXRlbUNvbXBvbmVudCB9IGZyb20gJy4uL2Rlc2NyaXB0aW9uLWxpc3QvZGVzY3JpcHRpb24taXRlbS9kZXNjcmlwdGlvbi1pdGVtLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFRpdGxlQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vZGVzeS1jb21tb25zL2NvbXBvbmVudHMvdGl0bGUvdGl0bGUuY29tcG9uZW50JztcclxuaW1wb3J0IHsgSGludENvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uL2Rlc3ktZm9ybXMvY29tcG9uZW50cy9oaW50L2hpbnQuY29tcG9uZW50JztcclxuaW1wb3J0IHsgRXJyb3JNZXNzYWdlQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vZGVzeS1mb3Jtcy9jb21wb25lbnRzL2Vycm9yLW1lc3NhZ2UvZXJyb3ItbWVzc2FnZS5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBTdGF0dXNDb21wb25lbnQgfSBmcm9tICcuLi9zdGF0dXMvc3RhdHVzLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IENvbnRlbnRDb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi9kZXN5LWNvbW1vbnMvY29tcG9uZW50cy9jb250ZW50L2NvbnRlbnQuY29tcG9uZW50JztcclxuaW1wb3J0IHtEZXN5Q29udGVudENoaWxkfSBmcm9tICcuLi8uLi8uLi9zaGFyZWQvZGVjb3JhdG9ycy9kZXN5LWNvbnRlbnQtY2hpbGQuZGVjb3JhdG9yJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnZGVzeS1zdGF0dXMtaXRlbScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3N0YXR1cy1pdGVtLmNvbXBvbmVudC5odG1sJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgU3RhdHVzSXRlbUNvbXBvbmVudCBleHRlbmRzIEFjY2Vzc2liaWxpdHlDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXN7ICBcclxuXHJcbiAgQElucHV0KCkgaWQ6IHN0cmluZzsgIFxyXG5cclxuICBASW5wdXQoKSBlcnJvcklkOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgZGVzY3JpYmVkQnk6IHN0cmluZztcclxuXHJcbiAgQElucHV0KCkgdGl0bGU6IFN0YXR1c0l0ZW1UaXRsZURhdGE7XHJcbiAgQElucHV0KCkgaGludDogSGludERhdGE7XHJcbiAgQElucHV0KCkgZXJyb3JNZXNzYWdlOiBFcnJvck1lc3NhZ2VEYXRhO1xyXG4gIEBJbnB1dCgpIGl0ZW1zOiBEZXNjcmlwdGlvbkl0ZW1EYXRhW107XHJcbiAgQElucHV0KCkgc3RhdHVzOiBTdGF0dXNEYXRhO1xyXG5cclxuICBASW5wdXQoKSBASG9zdEJpbmRpbmcoJ2NsYXNzJykgY2xhc3NlczogYW55O1xyXG5cclxuICAvL0FjY2Vzc2liaWxpdHlcclxuICBASG9zdEJpbmRpbmcoJ2F0dHIuaWQnKSBpZERhdGE6IGFueTtcclxuICBASG9zdEJpbmRpbmcoJ2F0dHIucm9sZScpIHJvbGVEYXRhOiBhbnk7XHJcbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmFyaWEtZGVzY3JpYmVkYnknKSBhcmlhRGVzY3JpYmVkYnlEYXRhOiBhbnk7XHJcbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmFyaWEtZXJyb3JtZXNzYWdlJykgYXJpYUVycm9ybWVzc2FnZURhdGE6IGFueTtcclxuICBASG9zdEJpbmRpbmcoJ2F0dHIuYXJpYS1sYWJlbCcpIGFyaWFMYWJlbERhdGE6IGFueTtcclxuICBASG9zdEJpbmRpbmcoJ2F0dHIuYXJpYS1sYWJlbGxlZGJ5JykgYXJpYUxhYmVsbGVkYnlEYXRhOiBhbnk7XHJcbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmFyaWEtaGlkZGVuJykgYXJpYUhpZGRlbkRhdGE6IGFueTtcclxuICBASG9zdEJpbmRpbmcoJ2F0dHIuYXJpYS1kaXNhYmxlZCcpIGFyaWFEaXNhYmxlZERhdGE6IGFueTtcclxuICBASG9zdEJpbmRpbmcoJ2F0dHIuYXJpYS1jb250cm9scycpIGFyaWFDb250cm9sc0RhdGE6IGFueTtcclxuICBASG9zdEJpbmRpbmcoJ2F0dHIuYXJpYS1jdXJyZW50JykgYXJpYUN1cnJlbnREYXRhOiBhbnk7XHJcbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmFyaWEtbGl2ZScpIGFyaWFMaXZlRGF0YTogYW55O1xyXG4gIEBIb3N0QmluZGluZygnYXR0ci5hcmlhLWV4cGFuZGVkJykgYXJpYUV4cGFuZGVkRGF0YTogYW55O1xyXG4gIEBIb3N0QmluZGluZygnYXR0ci5hcmlhLWhhc3BvcHVwJykgYXJpYUhhc3BvcHVwRGF0YTogYW55O1xyXG4gIEBIb3N0QmluZGluZygnYXR0ci50YWJpbmRleCcpIHRhYmluZGV4RGF0YTogYW55O1xyXG5cclxuICBARGVzeUNvbnRlbnRDaGlsZCgpXHJcbiAgQENvbnRlbnRDaGlsZHJlbihUaXRsZUNvbXBvbmVudCkgdGl0bGVDb21wb25lbnQ6IFRpdGxlQ29tcG9uZW50O1xyXG5cclxuICBARGVzeUNvbnRlbnRDaGlsZCgpXHJcbiAgQENvbnRlbnRDaGlsZHJlbihIaW50Q29tcG9uZW50KSBoaW50Q29tcG9uZW50OiBIaW50Q29tcG9uZW50O1xyXG5cclxuICBARGVzeUNvbnRlbnRDaGlsZCgpXHJcbiAgQENvbnRlbnRDaGlsZHJlbihFcnJvck1lc3NhZ2VDb21wb25lbnQpIGVycm9yTWVzc2FnZUNvbXBvbmVudDogRXJyb3JNZXNzYWdlQ29tcG9uZW50O1xyXG5cclxuICBARGVzeUNvbnRlbnRDaGlsZCgpXHJcbiAgQENvbnRlbnRDaGlsZHJlbihDb250ZW50Q29tcG9uZW50KSBjb250ZW50Q29tcG9uZW50OiBDb250ZW50Q29tcG9uZW50O1xyXG5cclxuICBAQ29udGVudENoaWxkcmVuKERlc2NyaXB0aW9uSXRlbUNvbXBvbmVudCkgaXRlbUNvbXBvbmVudHM6IFF1ZXJ5TGlzdDxEZXNjcmlwdGlvbkl0ZW1Db21wb25lbnQ+O1xyXG5cclxuICBARGVzeUNvbnRlbnRDaGlsZCgpXHJcbiAgQENvbnRlbnRDaGlsZHJlbihTdGF0dXNDb21wb25lbnQpIHN0YXR1c0NvbXBvbmVudDogU3RhdHVzQ29tcG9uZW50O1xyXG4gIEBJbnB1dCgpIGNhbGxlcjogVGVtcGxhdGVSZWY8YW55PjtcclxuXHJcbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xyXG4gICAgdGhpcy5jbGFzc2VzID0gdGhpcy5jbGFzc2VzID8gdGhpcy5jbGFzc2VzIDogbnVsbDtcclxuICAgIHRoaXMuaWREYXRhID0gdGhpcy5pZCA/IHRoaXMuaWQgOiBudWxsO1xyXG4gICAgdGhpcy5yb2xlRGF0YSA9IHRoaXMucm9sZSA/IHRoaXMucm9sZSA6IG51bGw7XHJcbiAgICB0aGlzLmFyaWFEZXNjcmliZWRieURhdGEgPSB0aGlzLmFyaWFEZXNjcmliZWRCeSA/IHRoaXMuYXJpYURlc2NyaWJlZEJ5IDogbnVsbDtcclxuICAgIHRoaXMuYXJpYUVycm9ybWVzc2FnZURhdGEgPSB0aGlzLmFyaWFFcnJvck1lc3NhZ2UgPyB0aGlzLmFyaWFFcnJvck1lc3NhZ2UgOiBudWxsO1xyXG4gICAgdGhpcy5hcmlhTGFiZWxEYXRhID0gdGhpcy5hcmlhTGFiZWwgPyB0aGlzLmFyaWFMYWJlbCA6IG51bGw7XHJcbiAgICB0aGlzLmFyaWFMYWJlbGxlZGJ5RGF0YSA9IHRoaXMuYXJpYUxhYmVsbGVkQnkgPyB0aGlzLmFyaWFMYWJlbGxlZEJ5IDogbnVsbDtcclxuICAgIHRoaXMuYXJpYUhpZGRlbkRhdGEgPSB0aGlzLmFyaWFIaWRkZW4gPyB0aGlzLmFyaWFIaWRkZW4gOiBudWxsO1xyXG4gICAgdGhpcy5hcmlhRGlzYWJsZWREYXRhID0gdGhpcy5hcmlhRGlzYWJsZWQgPyB0aGlzLmFyaWFEaXNhYmxlZCA6IG51bGw7XHJcbiAgICB0aGlzLmFyaWFDb250cm9sc0RhdGEgPSB0aGlzLmFyaWFDb250cm9scyA/IHRoaXMuYXJpYUNvbnRyb2xzIDogbnVsbDtcclxuICAgIHRoaXMuYXJpYUN1cnJlbnREYXRhID0gdGhpcy5hcmlhQ3VycmVudCA/IHRoaXMuYXJpYUN1cnJlbnQgOiBudWxsO1xyXG4gICAgdGhpcy5hcmlhTGl2ZURhdGEgPSB0aGlzLmFyaWFMaXZlID8gdGhpcy5hcmlhTGl2ZSA6IG51bGw7XHJcbiAgICB0aGlzLmFyaWFFeHBhbmRlZERhdGEgPSB0aGlzLmFyaWFFeHBhbmRlZCA/IHRoaXMuYXJpYUV4cGFuZGVkIDogbnVsbDtcclxuICAgIHRoaXMuYXJpYUhhc3BvcHVwRGF0YSA9IHRoaXMuYXJpYUhhc1BvcHVwID8gdGhpcy5hcmlhSGFzUG9wdXAgOiBudWxsO1xyXG4gICAgdGhpcy50YWJpbmRleERhdGEgPSB0aGlzLnRhYmluZGV4ID8gdGhpcy50YWJpbmRleCA6IG51bGw7XHJcbiAgfVxyXG5cclxuICBnZXRJdGVtcygpOiBEZXNjcmlwdGlvbkl0ZW1EYXRhW118RGVzY3JpcHRpb25JdGVtQ29tcG9uZW50W10ge1xyXG4gICAgcmV0dXJuICh0aGlzLml0ZW1Db21wb25lbnRzLmxlbmd0aCA+IDApID8gdGhpcy5pdGVtQ29tcG9uZW50cy50b0FycmF5KCkgOiB0aGlzLml0ZW1zO1xyXG4gIH1cclxufVxyXG4iXX0=