desy-angular 6.0.0 → 6.0.2

package/esm2015/lib/desy-views/components/accordion-history/accordion-history.component.js

@@ -1,15 +1,15 @@
-import { Component, ContentChildren } from '@angular/core';
-import { AccordionComponent } from '../accordion/accordion.component';
-import { AccordionHistoryItemComponent } from './accordion-history-item/accordion-history-item.component';
-export class AccordionHistoryComponent extends AccordionComponent {
-}
-AccordionHistoryComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'desy-accordion-history',
-                template: "<div [class]=\"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  <div class=\"flex justify-between\">\r\n    <ng-container [ngSwitch]=\"headingLevel\">\r\n      <h1 *ngSwitchCase=\"1\" [class]=\"headingComponent?.classes || 'c-h2 mb-base'\"><ng-container *desyCustomInnerContent=\"{ component: headingComponent }\"></ng-container></h1>\r\n      <h2 *ngSwitchCase=\"2\" [class]=\"headingComponent?.classes || 'c-h2 mb-base'\"><ng-container *desyCustomInnerContent=\"{ component: headingComponent }\"></ng-container></h2>\r\n      <h3 *ngSwitchCase=\"3\" [class]=\"headingComponent?.classes || 'c-h2 mb-base'\"><ng-container *desyCustomInnerContent=\"{ component: headingComponent }\"></ng-container></h3>\r\n      <h4 *ngSwitchCase=\"4\" [class]=\"headingComponent?.classes || 'c-h2 mb-base'\"><ng-container *desyCustomInnerContent=\"{ component: headingComponent }\"></ng-container></h4>\r\n      <h5 *ngSwitchCase=\"5\" [class]=\"headingComponent?.classes || 'c-h2 mb-base'\"><ng-container *desyCustomInnerContent=\"{ component: headingComponent }\"></ng-container></h5>\r\n      <h2 *ngSwitchDefault  [class]=\"headingComponent?.classes || 'c-h2 mb-base'\"><ng-container *desyCustomInnerContent=\"{ component: headingComponent }\"></ng-container></h2>\r\n    </ng-container>\r\n\r\n    <button *ngIf=\"showControl\" (click)=\"changeAll()\"\r\n            class=\"ml-auto py-base text-sm text-neutral-dark underline focus:text-black focus:bg-warning-base focus:outline-none focus:shadow-outline-focus\">\r\n      {{showAll ? 'Mostrar' : 'Ocultar'}} todo\r\n    </button>\r\n  </div>\r\n  <div class=\"Accordion pl-lg\">\r\n      <ng-template #itemHeaderContent let-item=\"item\" let-id=\"id\" let-index=\"index\">\r\n        <button #itemSelector [id]=\"id + '-title'\" (click)=\"toggleItem(item)\"\r\n                [class]=\"['Accordion-trigger group relative w-full py-sm font-semibold text-left cursor-pointer focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black', item.disabled ? 'cursor-not-allowed' : ''] | makeHtmlList\"\r\n                [attr.aria-controls]=\"id\" [attr.aria-expanded]=\"item.open\" [disabled]=\"item.disabled\">\r\n            <ng-container *desyCustomInnerContent=\"{ component: getItemHeader(item), html: item.headerHtml, text: item.headerText }\"></ng-container>\r\n            <span *ngIf=\"!item.disabled\" class=\"absolute inset-y-0 right-0 py-sm font-normal text-sm text-neutral-dark underline group-focus:text-black pointer-events-none\">\r\n              <span *ngIf=\"!item.open\" [class]=\"['Accordion-show', item.showButton?.classes] | makeHtmlList\">\r\n                <ng-container *desyCustomInnerContent=\"{ component: item.showButton, text: 'Mostrar' }\"></ng-container>\r\n              </span>\r\n              <span *ngIf=\"allowToggle && item.open\" [class]=\"['Accordion-show', item.hideButton?.classes] | makeHtmlList\">\r\n                <ng-container *desyCustomInnerContent=\"{ component: item.hideButton, text: 'Ocultar' }\"></ng-container>\r\n              </span>\r\n            </span>\r\n        </button>\r\n      </ng-template>\r\n\r\n      <div *ngFor=\"let item of getItems(); index as i; first as isFirst; last as isLast\" \r\n           class=\"relative -my-px px-xs py-sm border-t border-b border-neutral-base\"\r\n           (keydown.home)=\"focusFirstItem($event)\"\r\n           (keydown.end)=\"focusLastItem($event)\"\r\n           (keydown.arrowup)=\"focusPreviousItem($event, i)\"\r\n           (keydown.arrowdown)=\"focusNextItem($event, i)\"\r\n           (click)=\"selectItem(i)\">\r\n        <ng-container [ngSwitch]=\"headingLevel\">\r\n            <h2 *ngSwitchCase=\"1\"><ng-container *ngTemplateOutlet=\"itemHeaderContent; context: {item: item, id: getItemId(item, i), index: i}\"></ng-container></h2>\r\n            <h3 *ngSwitchCase=\"2\"><ng-container *ngTemplateOutlet=\"itemHeaderContent; context: {item: item, id: getItemId(item, i), index: i}\"></ng-container></h3>\r\n            <h4 *ngSwitchCase=\"3\"><ng-container *ngTemplateOutlet=\"itemHeaderContent; context: {item: item, id: getItemId(item, i), index: i}\"></ng-container></h4>\r\n            <h5 *ngSwitchCase=\"4\"><ng-container *ngTemplateOutlet=\"itemHeaderContent; context: {item: item, id: getItemId(item, i), index: i}\"></ng-container></h5>\r\n            <h6 *ngSwitchCase=\"5\"><ng-container *ngTemplateOutlet=\"itemHeaderContent; context: {item: item, id: getItemId(item, i), index: i}\"></ng-container></h6>\r\n            <h3 *ngSwitchDefault><ng-container *ngTemplateOutlet=\"itemHeaderContent; context: {item: item, id: getItemId(item, i), index: i}\"></ng-container></h3>\r\n        </ng-container>\r\n        <p class=\"sr-only\" aria-hidden=\"true\">Haz click en el bot\u00F3n anterior para mostrar u ocultar</p>\r\n        <ng-container *ngIf=\"!isFirst\">\r\n          <ng-container [ngSwitch]=\"item.status\">\r\n            <div *ngSwitchCase=\"'current'\" class=\"absolute -top-px -left-5 h-6 border-2 border-primary-base\"></div>\r\n            <div *ngSwitchCase=\"'pending'\" class=\"absolute -top-px -left-5 h-6 border-2 border-neutral-light\"></div>\r\n            <div *ngSwitchCase=\"'muted'\" class=\"absolute -top-px -left-5 h-6 border-2 border-neutral-base\"></div>\r\n            <div *ngSwitchCase=\"'currentmuted'\" class=\"absolute -top-px -left-5 h-6 border-2 border-neutral-base\"></div>\r\n            <div *ngSwitchDefault class=\"absolute -top-px -left-5 h-6 border-2 border-primary-base\"></div>\r\n          </ng-container>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"!isLast\">\r\n          <ng-container [ngSwitch]=\"item.status\">\r\n            <div *ngSwitchCase=\"'current'\" class=\"absolute top-6 bottom-0 -left-5 border-2 border-neutral-light\"></div>\r\n            <div *ngSwitchCase=\"'pending'\" class=\"absolute top-6 bottom-0 -left-5 border-2 border-neutral-light\"></div>\r\n            <div *ngSwitchCase=\"'muted'\" class=\"absolute top-6 bottom-0 -left-5 border-2 border-neutral-base\"></div>\r\n            <div *ngSwitchCase=\"'currentmuted'\" class=\"absolute top-6 bottom-0 -left-5 border-2 border-neutral-light\"></div>\r\n            <div *ngSwitchDefault class=\"absolute top-6 bottom-0 -left-5 border-2 border-primary-base\"></div>\r\n          </ng-container>\r\n        </ng-container>\r\n        <ng-container [ngSwitch]=\"item.status\">\r\n          <div *ngSwitchCase=\"'current'\" class=\"absolute top-5 -left-6 w-3 h-3 bg-white ring-2 ring-primary-base rounded-full\" role=\"img\"><p class=\"sr-only\">Estado: actual</p></div>\r\n          <div *ngSwitchCase=\"'pending'\" class=\"absolute top-5 -left-6 w-3 h-3 bg-white border-2 border-neutral-base rounded-full\" role=\"img\"><p class=\"sr-only\">Estado: pendiente</p></div>\r\n          <div *ngSwitchCase=\"'muted'\" class=\"absolute top-5 -left-6 w-3 h-3 bg-neutral-base border-2 border-neutral-base rounded-full\" role=\"img\"><p class=\"sr-only\">Estado: pasado</p></div>\r\n          <div *ngSwitchCase=\"'currentmuted'\" class=\"absolute top-5 -left-6 w-3 h-3 bg-neutral-base ring-2 ring-neutral-base rounded-full\" role=\"img\"><p class=\"sr-only\">Estado: actual</p></div>\r\n          <div *ngSwitchDefault class=\"absolute top-5 -left-6 w-3 h-3 bg-primary-base border-2 border-primary-base rounded-full\" role=\"img\"><p class=\"sr-only\">Estado: pasado</p></div>\r\n        </ng-container>\r\n\r\n        <div *ngIf=\"item.open\" [class]=\"['Accordion-panel relative', item.classes] | makeHtmlList\"\r\n             [attr.id]=\"getItemId(item, i)\"\r\n             [attr.role]=\"(item.role ? role : 'accordion')\"\r\n             [attr.aria-selected]=\"currentItem === i ? 'true' : 'false'\"\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-controls]=\"'accordion-' + getItemId(item, i)\"\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          <ng-container *ngIf=\"!isLast\">\r\n            <ng-container [ngSwitch]=\"item.status\">\r\n              <div *ngSwitchCase=\"'current'\" class=\"absolute top-4 bottom-0 -left-6 -my-sm border-2 border-neutral-light\"></div>\r\n              <div *ngSwitchCase=\"'pending'\" class=\"absolute top-4 bottom-0 -left-6 -my-sm border-2 border-neutral-light\"></div>\r\n              <div *ngSwitchCase=\"'muted'\" class=\"absolute top-4 bottom-0 -left-6 -my-sm border-2 border-neutral-base\"></div>\r\n              <div *ngSwitchCase=\"'currentmuted'\" class=\"absolute top-4 bottom-0 -left-6 -my-sm border-2 border-neutral-light\"></div>\r\n              <div *ngSwitchDefault class=\"absolute top-4 bottom-0 -left-6 -my-sm border-2 border-primary-base\"></div>\r\n            </ng-container>\r\n          </ng-container>\r\n          <ng-container *desyCustomInnerContent=\"{ component: getItemContent(item), html: item.html, text: item.text }\"></ng-container>\r\n        </div>\r\n      </div>\r\n  </div>\r\n</div>\r\n"
-            },] }
-];
-AccordionHistoryComponent.propDecorators = {
-    itemComponentList: [{ type: ContentChildren, args: [AccordionHistoryItemComponent,] }]
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLWhpc3RvcnkuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzeS1hbmd1bGFyL3NyYy9saWIvZGVzeS12aWV3cy9jb21wb25lbnRzL2FjY29yZGlvbi1oaXN0b3J5L2FjY29yZGlvbi1oaXN0b3J5LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLGVBQWUsRUFBYSxNQUFNLGVBQWUsQ0FBQztBQUN0RSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUN0RSxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSwyREFBMkQsQ0FBQztBQU0xRyxNQUFNLE9BQU8seUJBQTBCLFNBQVEsa0JBQWtCOzs7WUFKaEUsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSx3QkFBd0I7Z0JBQ2xDLCtyVEFBaUQ7YUFDbEQ7OztnQ0FJRSxlQUFlLFNBQUMsNkJBQTZCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBDb250ZW50Q2hpbGRyZW4sIFF1ZXJ5TGlzdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBBY2NvcmRpb25Db21wb25lbnQgfSBmcm9tICcuLi9hY2NvcmRpb24vYWNjb3JkaW9uLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEFjY29yZGlvbkhpc3RvcnlJdGVtQ29tcG9uZW50IH0gZnJvbSAnLi9hY2NvcmRpb24taGlzdG9yeS1pdGVtL2FjY29yZGlvbi1oaXN0b3J5LWl0ZW0uY29tcG9uZW50JztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnZGVzeS1hY2NvcmRpb24taGlzdG9yeScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FjY29yZGlvbi1oaXN0b3J5LmNvbXBvbmVudC5odG1sJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgQWNjb3JkaW9uSGlzdG9yeUNvbXBvbmVudCBleHRlbmRzIEFjY29yZGlvbkNvbXBvbmVudCB7XHJcblxyXG4gIC8vIFNvYnJlZXNjcmliZSBlbCB0aXBvIGRlbCBsaXN0YWRvIGRlIGl0ZW1zXHJcbiAgQENvbnRlbnRDaGlsZHJlbihBY2NvcmRpb25IaXN0b3J5SXRlbUNvbXBvbmVudCkgaXRlbUNvbXBvbmVudExpc3Q6IFF1ZXJ5TGlzdDxBY2NvcmRpb25IaXN0b3J5SXRlbUNvbXBvbmVudD47XHJcbn1cclxuIl19
+import { Component, ContentChildren } from '@angular/core';
+import { AccordionComponent } from '../accordion/accordion.component';
+import { AccordionHistoryItemComponent } from './accordion-history-item/accordion-history-item.component';
+export class AccordionHistoryComponent extends AccordionComponent {
+}
+AccordionHistoryComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'desy-accordion-history',
+                template: "<div [class]=\"classes\"\n     [attr.role]=\"role\"\n     [attr.aria-describedby]=\"ariaDescribedBy\"\n     [attr.aria-errormessage]=\"ariaErrorMessage\"\n     [attr.aria-label]=\"ariaLabel\"\n     [attr.aria-labelledby]=\"ariaLabelledBy\"\n     [attr.aria-hidden]=\"ariaHidden\"\n     [attr.aria-disabled]=\"ariaDisabled\"\n     [attr.aria-controls]=\"ariaControls\"\n     [attr.aria-current]=\"ariaCurrent\"\n     [attr.aria-live]=\"ariaLive\"\n     [attr.aria-expanded]=\"ariaExpanded\"\n     [attr.aria-haspopup]=\"ariaHasPopup\"\n     [attr.tabindex]=\"tabindex\">\n  <div class=\"flex justify-between\">\n    <ng-container [ngSwitch]=\"headingLevel\">\n      <h1 *ngSwitchCase=\"1\" [class]=\"headingComponent?.classes || 'c-h2 mb-base'\"><ng-container *desyCustomInnerContent=\"{ component: headingComponent }\"></ng-container></h1>\n      <h2 *ngSwitchCase=\"2\" [class]=\"headingComponent?.classes || 'c-h2 mb-base'\"><ng-container *desyCustomInnerContent=\"{ component: headingComponent }\"></ng-container></h2>\n      <h3 *ngSwitchCase=\"3\" [class]=\"headingComponent?.classes || 'c-h2 mb-base'\"><ng-container *desyCustomInnerContent=\"{ component: headingComponent }\"></ng-container></h3>\n      <h4 *ngSwitchCase=\"4\" [class]=\"headingComponent?.classes || 'c-h2 mb-base'\"><ng-container *desyCustomInnerContent=\"{ component: headingComponent }\"></ng-container></h4>\n      <h5 *ngSwitchCase=\"5\" [class]=\"headingComponent?.classes || 'c-h2 mb-base'\"><ng-container *desyCustomInnerContent=\"{ component: headingComponent }\"></ng-container></h5>\n      <h2 *ngSwitchDefault  [class]=\"headingComponent?.classes || 'c-h2 mb-base'\"><ng-container *desyCustomInnerContent=\"{ component: headingComponent }\"></ng-container></h2>\n    </ng-container>\n\n    <button *ngIf=\"showControl\" (click)=\"changeAll()\"\n            class=\"ml-auto py-base text-sm text-neutral-dark underline focus:text-black focus:bg-warning-base focus:outline-none focus:shadow-outline-focus\">\n      {{showAll ? 'Mostrar' : 'Ocultar'}} todo\n    </button>\n  </div>\n  <div class=\"Accordion pl-lg\">\n      <ng-template #itemHeaderContent let-item=\"item\" let-id=\"id\" let-index=\"index\">\n        <button #itemSelector [id]=\"id + '-title'\" (click)=\"toggleItem(item)\"\n                [class]=\"['Accordion-trigger group relative w-full py-sm font-semibold text-left cursor-pointer focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black', item.disabled ? 'cursor-not-allowed' : ''] | makeHtmlList\"\n                [attr.aria-controls]=\"id\" [attr.aria-expanded]=\"item.open\" [disabled]=\"item.disabled\">\n            <ng-container *desyCustomInnerContent=\"{ component: getItemHeader(item), html: item.headerHtml, text: item.headerText }\"></ng-container>\n            <span *ngIf=\"!item.disabled\" class=\"absolute inset-y-0 right-0 py-sm font-normal text-sm text-neutral-dark underline group-focus:text-black pointer-events-none\">\n              <span *ngIf=\"!item.open\" [class]=\"['Accordion-show', item.showButton?.classes] | makeHtmlList\">\n                <ng-container *desyCustomInnerContent=\"{ component: item.showButton, text: 'Mostrar' }\"></ng-container>\n              </span>\n              <span *ngIf=\"allowToggle && item.open\" [class]=\"['Accordion-show', item.hideButton?.classes] | makeHtmlList\">\n                <ng-container *desyCustomInnerContent=\"{ component: item.hideButton, text: 'Ocultar' }\"></ng-container>\n              </span>\n            </span>\n        </button>\n      </ng-template>\n\n      <div *ngFor=\"let item of getItems(); index as i; first as isFirst; last as isLast\" \n           class=\"relative -my-px px-xs py-sm border-t border-b border-neutral-base\"\n           (keydown.home)=\"focusFirstItem($event)\"\n           (keydown.end)=\"focusLastItem($event)\"\n           (keydown.arrowup)=\"focusPreviousItem($event, i)\"\n           (keydown.arrowdown)=\"focusNextItem($event, i)\"\n           (click)=\"selectItem(i)\">\n        <ng-container [ngSwitch]=\"headingLevel\">\n            <h2 *ngSwitchCase=\"1\"><ng-container *ngTemplateOutlet=\"itemHeaderContent; context: {item: item, id: getItemId(item, i), index: i}\"></ng-container></h2>\n            <h3 *ngSwitchCase=\"2\"><ng-container *ngTemplateOutlet=\"itemHeaderContent; context: {item: item, id: getItemId(item, i), index: i}\"></ng-container></h3>\n            <h4 *ngSwitchCase=\"3\"><ng-container *ngTemplateOutlet=\"itemHeaderContent; context: {item: item, id: getItemId(item, i), index: i}\"></ng-container></h4>\n            <h5 *ngSwitchCase=\"4\"><ng-container *ngTemplateOutlet=\"itemHeaderContent; context: {item: item, id: getItemId(item, i), index: i}\"></ng-container></h5>\n            <h6 *ngSwitchCase=\"5\"><ng-container *ngTemplateOutlet=\"itemHeaderContent; context: {item: item, id: getItemId(item, i), index: i}\"></ng-container></h6>\n            <h3 *ngSwitchDefault><ng-container *ngTemplateOutlet=\"itemHeaderContent; context: {item: item, id: getItemId(item, i), index: i}\"></ng-container></h3>\n        </ng-container>\n        <p class=\"sr-only\" aria-hidden=\"true\">Haz click en el bot\u00F3n anterior para mostrar u ocultar</p>\n        <ng-container *ngIf=\"!isFirst\">\n          <ng-container [ngSwitch]=\"item.status\">\n            <div *ngSwitchCase=\"'current'\" class=\"absolute -top-px -left-5 h-6 border-2 border-primary-base\"></div>\n            <div *ngSwitchCase=\"'pending'\" class=\"absolute -top-px -left-5 h-6 border-2 border-neutral-light\"></div>\n            <div *ngSwitchCase=\"'muted'\" class=\"absolute -top-px -left-5 h-6 border-2 border-neutral-base\"></div>\n            <div *ngSwitchCase=\"'currentmuted'\" class=\"absolute -top-px -left-5 h-6 border-2 border-neutral-base\"></div>\n            <div *ngSwitchDefault class=\"absolute -top-px -left-5 h-6 border-2 border-primary-base\"></div>\n          </ng-container>\n        </ng-container>\n        <ng-container *ngIf=\"!isLast\">\n          <ng-container [ngSwitch]=\"item.status\">\n            <div *ngSwitchCase=\"'current'\" class=\"absolute top-6 bottom-0 -left-5 border-2 border-neutral-light\"></div>\n            <div *ngSwitchCase=\"'pending'\" class=\"absolute top-6 bottom-0 -left-5 border-2 border-neutral-light\"></div>\n            <div *ngSwitchCase=\"'muted'\" class=\"absolute top-6 bottom-0 -left-5 border-2 border-neutral-base\"></div>\n            <div *ngSwitchCase=\"'currentmuted'\" class=\"absolute top-6 bottom-0 -left-5 border-2 border-neutral-light\"></div>\n            <div *ngSwitchDefault class=\"absolute top-6 bottom-0 -left-5 border-2 border-primary-base\"></div>\n          </ng-container>\n        </ng-container>\n        <ng-container [ngSwitch]=\"item.status\">\n          <div *ngSwitchCase=\"'current'\" class=\"absolute top-5 -left-6 w-3 h-3 bg-white ring-2 ring-primary-base rounded-full\" role=\"img\"><p class=\"sr-only\">Estado: actual</p></div>\n          <div *ngSwitchCase=\"'pending'\" class=\"absolute top-5 -left-6 w-3 h-3 bg-white border-2 border-neutral-base rounded-full\" role=\"img\"><p class=\"sr-only\">Estado: pendiente</p></div>\n          <div *ngSwitchCase=\"'muted'\" class=\"absolute top-5 -left-6 w-3 h-3 bg-neutral-base border-2 border-neutral-base rounded-full\" role=\"img\"><p class=\"sr-only\">Estado: pasado</p></div>\n          <div *ngSwitchCase=\"'currentmuted'\" class=\"absolute top-5 -left-6 w-3 h-3 bg-neutral-base ring-2 ring-neutral-base rounded-full\" role=\"img\"><p class=\"sr-only\">Estado: actual</p></div>\n          <div *ngSwitchDefault class=\"absolute top-5 -left-6 w-3 h-3 bg-primary-base border-2 border-primary-base rounded-full\" role=\"img\"><p class=\"sr-only\">Estado: pasado</p></div>\n        </ng-container>\n\n        <div *ngIf=\"item.open\" [class]=\"['Accordion-panel relative', item.classes] | makeHtmlList\"\n             [attr.id]=\"getItemId(item, i)\"\n             [attr.role]=\"(item.role ? role : 'accordion')\"\n             [attr.aria-selected]=\"currentItem === i ? 'true' : 'false'\"\n             [attr.aria-describedby]=\"item.ariaDescribedBy\"\n             [attr.aria-errormessage]=\"item.ariaErrorMessage\"\n             [attr.aria-label]=\"item.ariaLabel\"\n             [attr.aria-labelledby]=\"item.ariaLabelledBy\"\n             [attr.aria-hidden]=\"item.ariaHidden\"\n             [attr.aria-controls]=\"'accordion-' + getItemId(item, i)\"\n             [attr.aria-current]=\"item.ariaCurrent\"\n             [attr.aria-live]=\"item.ariaLive\"\n             [attr.aria-expanded]=\"item.ariaExpanded\"\n             [attr.aria-haspopup]=\"item.ariaHasPopup\">\n          <ng-container *ngIf=\"!isLast\">\n            <ng-container [ngSwitch]=\"item.status\">\n              <div *ngSwitchCase=\"'current'\" class=\"absolute top-4 bottom-0 -left-6 -my-sm border-2 border-neutral-light\"></div>\n              <div *ngSwitchCase=\"'pending'\" class=\"absolute top-4 bottom-0 -left-6 -my-sm border-2 border-neutral-light\"></div>\n              <div *ngSwitchCase=\"'muted'\" class=\"absolute top-4 bottom-0 -left-6 -my-sm border-2 border-neutral-base\"></div>\n              <div *ngSwitchCase=\"'currentmuted'\" class=\"absolute top-4 bottom-0 -left-6 -my-sm border-2 border-neutral-light\"></div>\n              <div *ngSwitchDefault class=\"absolute top-4 bottom-0 -left-6 -my-sm border-2 border-primary-base\"></div>\n            </ng-container>\n          </ng-container>\n          <ng-container *desyCustomInnerContent=\"{ component: getItemContent(item), html: item.html, text: item.text }\"></ng-container>\n        </div>\n      </div>\n  </div>\n</div>\n"
+            },] }
+];
+AccordionHistoryComponent.propDecorators = {
+    itemComponentList: [{ type: ContentChildren, args: [AccordionHistoryItemComponent,] }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLWhpc3RvcnkuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzeS1hbmd1bGFyL3NyYy9saWIvZGVzeS12aWV3cy9jb21wb25lbnRzL2FjY29yZGlvbi1oaXN0b3J5L2FjY29yZGlvbi1oaXN0b3J5LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLGVBQWUsRUFBYSxNQUFNLGVBQWUsQ0FBQztBQUN0RSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUN0RSxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSwyREFBMkQsQ0FBQztBQU0xRyxNQUFNLE9BQU8seUJBQTBCLFNBQVEsa0JBQWtCOzs7WUFKaEUsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSx3QkFBd0I7Z0JBQ2xDLHU5U0FBaUQ7YUFDbEQ7OztnQ0FJRSxlQUFlLFNBQUMsNkJBQTZCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBDb250ZW50Q2hpbGRyZW4sIFF1ZXJ5TGlzdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWNjb3JkaW9uQ29tcG9uZW50IH0gZnJvbSAnLi4vYWNjb3JkaW9uL2FjY29yZGlvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgQWNjb3JkaW9uSGlzdG9yeUl0ZW1Db21wb25lbnQgfSBmcm9tICcuL2FjY29yZGlvbi1oaXN0b3J5LWl0ZW0vYWNjb3JkaW9uLWhpc3RvcnktaXRlbS5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkZXN5LWFjY29yZGlvbi1oaXN0b3J5JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FjY29yZGlvbi1oaXN0b3J5LmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBBY2NvcmRpb25IaXN0b3J5Q29tcG9uZW50IGV4dGVuZHMgQWNjb3JkaW9uQ29tcG9uZW50IHtcblxuICAvLyBTb2JyZWVzY3JpYmUgZWwgdGlwbyBkZWwgbGlzdGFkbyBkZSBpdGVtc1xuICBAQ29udGVudENoaWxkcmVuKEFjY29yZGlvbkhpc3RvcnlJdGVtQ29tcG9uZW50KSBpdGVtQ29tcG9uZW50TGlzdDogUXVlcnlMaXN0PEFjY29yZGlvbkhpc3RvcnlJdGVtQ29tcG9uZW50Pjtcbn1cbiJdfQ==

package/esm2015/lib/desy-views/components/accordion-history/accordion-item-hide-button/accordion-item-hide-button.component.js

@@ -1,14 +1,14 @@
-import { Component, Input } from '@angular/core';
-import { ContentBaseComponent } from '../../../../shared/components';
-export class AccordionItemHideButtonComponent extends ContentBaseComponent {
-}
-AccordionItemHideButtonComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'desy-accordion-item-hide-button',
-                template: '<ng-template #contentTemplate><ng-content></ng-content></ng-template>'
-            },] }
-];
-AccordionItemHideButtonComponent.propDecorators = {
-    classes: [{ type: Input }]
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLWl0ZW0taGlkZS1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzeS1hbmd1bGFyL3NyYy9saWIvZGVzeS12aWV3cy9jb21wb25lbnRzL2FjY29yZGlvbi1oaXN0b3J5L2FjY29yZGlvbi1pdGVtLWhpZGUtYnV0dG9uL2FjY29yZGlvbi1pdGVtLWhpZGUtYnV0dG9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQU1yRSxNQUFNLE9BQU8sZ0NBQWlDLFNBQVEsb0JBQW9COzs7WUFKekUsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxpQ0FBaUM7Z0JBQzNDLFFBQVEsRUFBRSx1RUFBdUU7YUFDbEY7OztzQkFHRSxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb250ZW50QmFzZUNvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uLy4uL3NoYXJlZC9jb21wb25lbnRzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnZGVzeS1hY2NvcmRpb24taXRlbS1oaWRlLWJ1dHRvbicsXHJcbiAgdGVtcGxhdGU6ICc8bmctdGVtcGxhdGUgI2NvbnRlbnRUZW1wbGF0ZT48bmctY29udGVudD48L25nLWNvbnRlbnQ+PC9uZy10ZW1wbGF0ZT4nXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBY2NvcmRpb25JdGVtSGlkZUJ1dHRvbkNvbXBvbmVudCBleHRlbmRzIENvbnRlbnRCYXNlQ29tcG9uZW50ICB7XHJcblxyXG4gIEBJbnB1dCgpIGNsYXNzZXM6IHN0cmluZztcclxufVxyXG4iXX0=
+import { Component, Input } from '@angular/core';
+import { ContentBaseComponent } from '../../../../shared/components';
+export class AccordionItemHideButtonComponent extends ContentBaseComponent {
+}
+AccordionItemHideButtonComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'desy-accordion-item-hide-button',
+                template: '<ng-template #contentTemplate><ng-content></ng-content></ng-template>'
+            },] }
+];
+AccordionItemHideButtonComponent.propDecorators = {
+    classes: [{ type: Input }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLWl0ZW0taGlkZS1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzeS1hbmd1bGFyL3NyYy9saWIvZGVzeS12aWV3cy9jb21wb25lbnRzL2FjY29yZGlvbi1oaXN0b3J5L2FjY29yZGlvbi1pdGVtLWhpZGUtYnV0dG9uL2FjY29yZGlvbi1pdGVtLWhpZGUtYnV0dG9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQU1yRSxNQUFNLE9BQU8sZ0NBQWlDLFNBQVEsb0JBQW9COzs7WUFKekUsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxpQ0FBaUM7Z0JBQzNDLFFBQVEsRUFBRSx1RUFBdUU7YUFDbEY7OztzQkFHRSxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udGVudEJhc2VDb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi8uLi9zaGFyZWQvY29tcG9uZW50cyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Rlc3ktYWNjb3JkaW9uLWl0ZW0taGlkZS1idXR0b24nLFxuICB0ZW1wbGF0ZTogJzxuZy10ZW1wbGF0ZSAjY29udGVudFRlbXBsYXRlPjxuZy1jb250ZW50PjwvbmctY29udGVudD48L25nLXRlbXBsYXRlPidcbn0pXG5leHBvcnQgY2xhc3MgQWNjb3JkaW9uSXRlbUhpZGVCdXR0b25Db21wb25lbnQgZXh0ZW5kcyBDb250ZW50QmFzZUNvbXBvbmVudCAge1xuXG4gIEBJbnB1dCgpIGNsYXNzZXM6IHN0cmluZztcbn1cbiJdfQ==

package/esm2015/lib/desy-views/components/accordion-history/accordion-item-show-button/accordion-item-show-button.component.js

@@ -1,14 +1,14 @@
-import { Component, Input } from '@angular/core';
-import { ContentBaseComponent } from '../../../../shared/components';
-export class AccordionItemShowButtonComponent extends ContentBaseComponent {
-}
-AccordionItemShowButtonComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'desy-accordion-item-show-button',
-                template: '<ng-template #contentTemplate><ng-content></ng-content></ng-template>'
-            },] }
-];
-AccordionItemShowButtonComponent.propDecorators = {
-    classes: [{ type: Input }]
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLWl0ZW0tc2hvdy1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzeS1hbmd1bGFyL3NyYy9saWIvZGVzeS12aWV3cy9jb21wb25lbnRzL2FjY29yZGlvbi1oaXN0b3J5L2FjY29yZGlvbi1pdGVtLXNob3ctYnV0dG9uL2FjY29yZGlvbi1pdGVtLXNob3ctYnV0dG9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQU1yRSxNQUFNLE9BQU8sZ0NBQWlDLFNBQVEsb0JBQW9COzs7WUFKekUsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxpQ0FBaUM7Z0JBQzNDLFFBQVEsRUFBRSx1RUFBdUU7YUFDbEY7OztzQkFHRSxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb250ZW50QmFzZUNvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uLy4uL3NoYXJlZC9jb21wb25lbnRzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnZGVzeS1hY2NvcmRpb24taXRlbS1zaG93LWJ1dHRvbicsXHJcbiAgdGVtcGxhdGU6ICc8bmctdGVtcGxhdGUgI2NvbnRlbnRUZW1wbGF0ZT48bmctY29udGVudD48L25nLWNvbnRlbnQ+PC9uZy10ZW1wbGF0ZT4nXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBY2NvcmRpb25JdGVtU2hvd0J1dHRvbkNvbXBvbmVudCBleHRlbmRzIENvbnRlbnRCYXNlQ29tcG9uZW50ICB7XHJcblxyXG4gIEBJbnB1dCgpIGNsYXNzZXM6IHN0cmluZztcclxufVxyXG4iXX0=
+import { Component, Input } from '@angular/core';
+import { ContentBaseComponent } from '../../../../shared/components';
+export class AccordionItemShowButtonComponent extends ContentBaseComponent {
+}
+AccordionItemShowButtonComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'desy-accordion-item-show-button',
+                template: '<ng-template #contentTemplate><ng-content></ng-content></ng-template>'
+            },] }
+];
+AccordionItemShowButtonComponent.propDecorators = {
+    classes: [{ type: Input }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLWl0ZW0tc2hvdy1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzeS1hbmd1bGFyL3NyYy9saWIvZGVzeS12aWV3cy9jb21wb25lbnRzL2FjY29yZGlvbi1oaXN0b3J5L2FjY29yZGlvbi1pdGVtLXNob3ctYnV0dG9uL2FjY29yZGlvbi1pdGVtLXNob3ctYnV0dG9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQU1yRSxNQUFNLE9BQU8sZ0NBQWlDLFNBQVEsb0JBQW9COzs7WUFKekUsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxpQ0FBaUM7Z0JBQzNDLFFBQVEsRUFBRSx1RUFBdUU7YUFDbEY7OztzQkFHRSxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udGVudEJhc2VDb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi8uLi9zaGFyZWQvY29tcG9uZW50cyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Rlc3ktYWNjb3JkaW9uLWl0ZW0tc2hvdy1idXR0b24nLFxuICB0ZW1wbGF0ZTogJzxuZy10ZW1wbGF0ZSAjY29udGVudFRlbXBsYXRlPjxuZy1jb250ZW50PjwvbmctY29udGVudD48L25nLXRlbXBsYXRlPidcbn0pXG5leHBvcnQgY2xhc3MgQWNjb3JkaW9uSXRlbVNob3dCdXR0b25Db21wb25lbnQgZXh0ZW5kcyBDb250ZW50QmFzZUNvbXBvbmVudCAge1xuXG4gIEBJbnB1dCgpIGNsYXNzZXM6IHN0cmluZztcbn1cbiJdfQ==

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

@@ -1,75 +1,75 @@
-import { ChangeDetectorRef, Component, ComponentFactoryResolver, EventEmitter, Input, Output, ViewChild, ViewContainerRef } from '@angular/core';
-import { AccessibilityComponent } from '../../../shared/components';
-import { FocusUtils } from '../../../shared/utils/focus-utils';
-export class AlertComponent extends AccessibilityComponent {
-    constructor(cdRef, factoryResolver) {
-        super();
-        this.cdRef = cdRef;
-        this.factoryResolver = factoryResolver;
-        this.activeChange = new EventEmitter();
-        this.lastActiveState = undefined;
-        this.hasViewinit = false;
-        this.createdCallerFromType = false;
-    }
-    set active(value) {
-        setTimeout(() => {
-            this._active = value;
-            this.cdRef.detectChanges();
-            this.handleActiveState();
-        });
-    }
-    get active() {
-        return this._active;
-    }
-    ngOnDestroy() {
-        this.active = false;
-    }
-    ngAfterViewInit() {
-        this.hasViewinit = true;
-        this.handleActiveState();
-    }
-    dismiss() {
-        this.activeChange.emit(false);
-    }
-    handleActiveState() {
-        if (this._active && this.callerType && !this.createdCallerFromType) {
-            const factory = this.factoryResolver.resolveComponentFactory(this.callerType);
-            const component = this.container.createComponent(factory);
-            if (this.onCallerCreationCallback) {
-                this.onCallerCreationCallback(this, component);
-            }
-            this.createdCallerFromType = true;
-        }
-        if (this._active !== this.lastActiveState && this.hasViewinit) {
-            this.lastActiveState = this._active;
-            if (this._active && this.focusFirst) {
-                this.cdRef.detectChanges();
-                const focusElem = FocusUtils.getFirstFocusableElement(this.alertWrapper.nativeElement);
-                if (focusElem) {
-                    focusElem.focus();
-                }
-            }
-        }
-    }
-}
-AlertComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'desy-alert',
-                template: "<div #alertWrapper\r\n     [id]=\"id\" [class]=\"classes ? classes : 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.aria-modal]=\"ariaModal ? ariaModal : null\">\r\n  <ng-container *ngIf=\"active\">\r\n    <ng-template #container></ng-template>\r\n    <ng-container *ngTemplateOutlet=\"caller; context:callerContext\"></ng-container>\r\n  </ng-container>\r\n</div>\r\n\r\n"
-            },] }
-];
-AlertComponent.ctorParameters = () => [
-    { type: ChangeDetectorRef },
-    { type: ComponentFactoryResolver }
-];
-AlertComponent.propDecorators = {
-    alertWrapper: [{ type: ViewChild, args: ['alertWrapper',] }],
-    container: [{ type: ViewChild, args: ['container', { read: ViewContainerRef },] }],
-    id: [{ type: Input }],
-    classes: [{ type: Input }],
-    caller: [{ type: Input }],
-    focusFirst: [{ type: Input }],
-    active: [{ type: Input }],
-    activeChange: [{ type: Output }]
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzeS1hbmd1bGFyL3NyYy9saWIvZGVzeS12aWV3cy9jb21wb25lbnRzL2FsZXJ0L2FsZXJ0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUwsaUJBQWlCLEVBQ2pCLFNBQVMsRUFBRSx3QkFBd0IsRUFFbkMsWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEVBRU4sU0FBUyxFQUFFLGdCQUFnQixFQUM1QixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUNwRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFRL0QsTUFBTSxPQUFPLGNBQWUsU0FBUSxzQkFBc0I7SUErQnhELFlBQW9CLEtBQXdCLEVBQVUsZUFBeUM7UUFDN0YsS0FBSyxFQUFFLENBQUM7UUFEVSxVQUFLLEdBQUwsS0FBSyxDQUFtQjtRQUFVLG9CQUFlLEdBQWYsZUFBZSxDQUEwQjtRQVhyRixpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7UUFPN0Msb0JBQWUsR0FBWSxTQUFTLENBQUM7UUFDckMsZ0JBQVcsR0FBRyxLQUFLLENBQUM7UUFDcEIsMEJBQXFCLEdBQUcsS0FBSyxDQUFDO0lBSXRDLENBQUM7SUF2QkQsSUFBYSxNQUFNLENBQUMsS0FBYztRQUNoQyxVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7WUFDckIsSUFBSSxDQUFDLEtBQUssQ0FBQyxhQUFhLEVBQUUsQ0FBQztZQUMzQixJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztRQUMzQixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFDRCxJQUFJLE1BQU07UUFDUixPQUFPLElBQUksQ0FBQyxPQUFPLENBQUM7SUFDdEIsQ0FBQztJQWdCRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7SUFDdEIsQ0FBQztJQUVELGVBQWU7UUFFYixJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQztRQUN4QixJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRUQsT0FBTztRQUNMLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2hDLENBQUM7SUFFRCxpQkFBaUI7UUFDZixJQUFJLElBQUksQ0FBQyxPQUFPLElBQUksSUFBSSxDQUFDLFVBQVUsSUFBSSxDQUFDLElBQUksQ0FBQyxxQkFBcUIsRUFBRTtZQUNsRSxNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLHVCQUF1QixDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztZQUM5RSxNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLGVBQWUsQ0FBQyxPQUFPLENBQUMsQ0FBQztZQUMxRCxJQUFJLElBQUksQ0FBQyx3QkFBd0IsRUFBRTtnQkFDakMsSUFBSSxDQUFDLHdCQUF3QixDQUFDLElBQUksRUFBRSxTQUFTLENBQUMsQ0FBQzthQUNoRDtZQUNELElBQUksQ0FBQyxxQkFBcUIsR0FBRyxJQUFJLENBQUM7U0FDbkM7UUFFRCxJQUFJLElBQUksQ0FBQyxPQUFPLEtBQUssSUFBSSxDQUFDLGVBQWUsSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQzdELElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQztZQUVwQyxJQUFJLElBQUksQ0FBQyxPQUFPLElBQUksSUFBSSxDQUFDLFVBQVUsRUFBRTtnQkFDbkMsSUFBSSxDQUFDLEtBQUssQ0FBQyxhQUFhLEVBQUUsQ0FBQztnQkFDM0IsTUFBTSxTQUFTLEdBQUcsVUFBVSxDQUFDLHdCQUF3QixDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsYUFBNEIsQ0FBQyxDQUFDO2dCQUN0RyxJQUFJLFNBQVMsRUFBRTtvQkFDYixTQUFTLENBQUMsS0FBSyxFQUFFLENBQUM7aUJBQ25CO2FBQ0Y7U0FDRjtJQUNILENBQUM7OztZQTFFRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLFlBQVk7Z0JBQ3RCLDBuQ0FBcUM7YUFDdEM7OztZQWxCQyxpQkFBaUI7WUFDTix3QkFBd0I7OzsyQkFvQmxDLFNBQVMsU0FBQyxjQUFjO3dCQUN4QixTQUFTLFNBQUMsV0FBVyxFQUFFLEVBQUMsSUFBSSxFQUFFLGdCQUFnQixFQUFDO2lCQUUvQyxLQUFLO3NCQUNMLEtBQUs7cUJBQ0wsS0FBSzt5QkFDTCxLQUFLO3FCQUVMLEtBQUs7MkJBVUwsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQWZ0ZXJWaWV3SW5pdCxcclxuICBDaGFuZ2VEZXRlY3RvclJlZixcclxuICBDb21wb25lbnQsIENvbXBvbmVudEZhY3RvcnlSZXNvbHZlciwgQ29tcG9uZW50UmVmLFxyXG4gIEVsZW1lbnRSZWYsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIElucHV0LFxyXG4gIE9uRGVzdHJveSxcclxuICBPdXRwdXQsXHJcbiAgVGVtcGxhdGVSZWYsIFR5cGUsXHJcbiAgVmlld0NoaWxkLCBWaWV3Q29udGFpbmVyUmVmXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEFjY2Vzc2liaWxpdHlDb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi9zaGFyZWQvY29tcG9uZW50cyc7XHJcbmltcG9ydCB7IEZvY3VzVXRpbHMgfSBmcm9tICcuLi8uLi8uLi9zaGFyZWQvdXRpbHMvZm9jdXMtdXRpbHMnO1xyXG5cclxudHlwZSBBbGVydENyZWF0aW9uQ2FsbGJhY2sgPSAoKGRpYWxvZzogQWxlcnRDb21wb25lbnQsIGNhbGxlcjogQ29tcG9uZW50UmVmPGFueT4pID0+IHZvaWQpO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdkZXN5LWFsZXJ0JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYWxlcnQuY29tcG9uZW50Lmh0bWwnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBbGVydENvbXBvbmVudCBleHRlbmRzIEFjY2Vzc2liaWxpdHlDb21wb25lbnQgaW1wbGVtZW50cyBPbkRlc3Ryb3ksIEFmdGVyVmlld0luaXQge1xyXG5cclxuICBAVmlld0NoaWxkKCdhbGVydFdyYXBwZXInKSBhbGVydFdyYXBwZXI6IEVsZW1lbnRSZWY7XHJcbiAgQFZpZXdDaGlsZCgnY29udGFpbmVyJywge3JlYWQ6IFZpZXdDb250YWluZXJSZWZ9KSBjb250YWluZXI6IFZpZXdDb250YWluZXJSZWY7XHJcblxyXG4gIEBJbnB1dCgpIGlkOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgY2xhc3Nlczogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGNhbGxlcjogVGVtcGxhdGVSZWY8YW55PjtcclxuICBASW5wdXQoKSBmb2N1c0ZpcnN0OiBib29sZWFuO1xyXG5cclxuICBASW5wdXQoKSBzZXQgYWN0aXZlKHZhbHVlOiBib29sZWFuKSB7XHJcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcclxuICAgICAgdGhpcy5fYWN0aXZlID0gdmFsdWU7XHJcbiAgICAgIHRoaXMuY2RSZWYuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gICAgICB0aGlzLmhhbmRsZUFjdGl2ZVN0YXRlKCk7XHJcbiAgICB9KTtcclxuICB9XHJcbiAgZ2V0IGFjdGl2ZSgpOiBib29sZWFuIHtcclxuICAgIHJldHVybiB0aGlzLl9hY3RpdmU7XHJcbiAgfVxyXG4gIEBPdXRwdXQoKSBhY3RpdmVDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XHJcblxyXG4gIHByaXZhdGUgX2FjdGl2ZTogYm9vbGVhbjtcclxuICBwdWJsaWMgY2FsbGVyQ29udGV4dDogYW55O1xyXG4gIHB1YmxpYyBjYWxsZXJUeXBlOiBUeXBlPGFueT47XHJcbiAgcHVibGljIG9uQ2FsbGVyQ3JlYXRpb25DYWxsYmFjazogQWxlcnRDcmVhdGlvbkNhbGxiYWNrO1xyXG5cclxuICBwcml2YXRlIGxhc3RBY3RpdmVTdGF0ZTogYm9vbGVhbiA9IHVuZGVmaW5lZDtcclxuICBwcml2YXRlIGhhc1ZpZXdpbml0ID0gZmFsc2U7XHJcbiAgcHJpdmF0ZSBjcmVhdGVkQ2FsbGVyRnJvbVR5cGUgPSBmYWxzZTtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjZFJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYsIHByaXZhdGUgZmFjdG9yeVJlc29sdmVyOiBDb21wb25lbnRGYWN0b3J5UmVzb2x2ZXIpIHtcclxuICAgIHN1cGVyKCk7XHJcbiAgfVxyXG5cclxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcclxuICAgIHRoaXMuYWN0aXZlID0gZmFsc2U7XHJcbiAgfVxyXG5cclxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XHJcblxyXG4gICAgdGhpcy5oYXNWaWV3aW5pdCA9IHRydWU7XHJcbiAgICB0aGlzLmhhbmRsZUFjdGl2ZVN0YXRlKCk7XHJcbiAgfVxyXG5cclxuICBkaXNtaXNzKCk6IHZvaWQge1xyXG4gICAgdGhpcy5hY3RpdmVDaGFuZ2UuZW1pdChmYWxzZSk7XHJcbiAgfVxyXG5cclxuICBoYW5kbGVBY3RpdmVTdGF0ZSgpOiB2b2lkIHtcclxuICAgIGlmICh0aGlzLl9hY3RpdmUgJiYgdGhpcy5jYWxsZXJUeXBlICYmICF0aGlzLmNyZWF0ZWRDYWxsZXJGcm9tVHlwZSkge1xyXG4gICAgICBjb25zdCBmYWN0b3J5ID0gdGhpcy5mYWN0b3J5UmVzb2x2ZXIucmVzb2x2ZUNvbXBvbmVudEZhY3RvcnkodGhpcy5jYWxsZXJUeXBlKTtcclxuICAgICAgY29uc3QgY29tcG9uZW50ID0gdGhpcy5jb250YWluZXIuY3JlYXRlQ29tcG9uZW50KGZhY3RvcnkpO1xyXG4gICAgICBpZiAodGhpcy5vbkNhbGxlckNyZWF0aW9uQ2FsbGJhY2spIHtcclxuICAgICAgICB0aGlzLm9uQ2FsbGVyQ3JlYXRpb25DYWxsYmFjayh0aGlzLCBjb21wb25lbnQpO1xyXG4gICAgICB9XHJcbiAgICAgIHRoaXMuY3JlYXRlZENhbGxlckZyb21UeXBlID0gdHJ1ZTtcclxuICAgIH1cclxuXHJcbiAgICBpZiAodGhpcy5fYWN0aXZlICE9PSB0aGlzLmxhc3RBY3RpdmVTdGF0ZSAmJiB0aGlzLmhhc1ZpZXdpbml0KSB7XHJcbiAgICAgIHRoaXMubGFzdEFjdGl2ZVN0YXRlID0gdGhpcy5fYWN0aXZlO1xyXG5cclxuICAgICAgaWYgKHRoaXMuX2FjdGl2ZSAmJiB0aGlzLmZvY3VzRmlyc3QpIHtcclxuICAgICAgICB0aGlzLmNkUmVmLmRldGVjdENoYW5nZXMoKTtcclxuICAgICAgICBjb25zdCBmb2N1c0VsZW0gPSBGb2N1c1V0aWxzLmdldEZpcnN0Rm9jdXNhYmxlRWxlbWVudCh0aGlzLmFsZXJ0V3JhcHBlci5uYXRpdmVFbGVtZW50IGFzIEhUTUxFbGVtZW50KTtcclxuICAgICAgICBpZiAoZm9jdXNFbGVtKSB7XHJcbiAgICAgICAgICBmb2N1c0VsZW0uZm9jdXMoKTtcclxuICAgICAgICB9XHJcbiAgICAgIH1cclxuICAgIH1cclxuICB9XHJcbn1cclxuIl19
+import { ChangeDetectorRef, Component, ComponentFactoryResolver, EventEmitter, Input, Output, ViewChild, ViewContainerRef } from '@angular/core';
+import { AccessibilityComponent } from '../../../shared/components';
+import { FocusUtils } from '../../../shared/utils/focus-utils';
+export class AlertComponent extends AccessibilityComponent {
+    constructor(cdRef, factoryResolver) {
+        super();
+        this.cdRef = cdRef;
+        this.factoryResolver = factoryResolver;
+        this.activeChange = new EventEmitter();
+        this.lastActiveState = undefined;
+        this.hasViewinit = false;
+        this.createdCallerFromType = false;
+    }
+    set active(value) {
+        setTimeout(() => {
+            this._active = value;
+            this.cdRef.detectChanges();
+            this.handleActiveState();
+        });
+    }
+    get active() {
+        return this._active;
+    }
+    ngOnDestroy() {
+        this.active = false;
+    }
+    ngAfterViewInit() {
+        this.hasViewinit = true;
+        this.handleActiveState();
+    }
+    dismiss() {
+        this.activeChange.emit(false);
+    }
+    handleActiveState() {
+        if (this._active && this.callerType && !this.createdCallerFromType) {
+            const factory = this.factoryResolver.resolveComponentFactory(this.callerType);
+            const component = this.container.createComponent(factory);
+            if (this.onCallerCreationCallback) {
+                this.onCallerCreationCallback(this, component);
+            }
+            this.createdCallerFromType = true;
+        }
+        if (this._active !== this.lastActiveState && this.hasViewinit) {
+            this.lastActiveState = this._active;
+            if (this._active && this.focusFirst) {
+                this.cdRef.detectChanges();
+                const focusElem = FocusUtils.getFirstFocusableElement(this.alertWrapper.nativeElement);
+                if (focusElem) {
+                    focusElem.focus();
+                }
+            }
+        }
+    }
+}
+AlertComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'desy-alert',
+                template: "<div #alertWrapper\n     [id]=\"id\" [class]=\"classes ? classes : null\"\n     [attr.role]=\"role ? role : null\"\n     [attr.aria-label]=\"ariaLabel ? ariaLabel : null\"\n     [attr.aria-describedby]=\"ariaDescribedBy ? ariaDescribedBy : null\"\n     [attr.aria-labelledby]=\"ariaLabelledBy ? ariaLabelledBy : null\"\n     [attr.aria-hidden]=\"ariaHidden ? ariaHidden : null\"\n     [attr.aria-disabled]=\"ariaDisabled ? ariaDisabled : null\"\n     [attr.aria-controls]=\"ariaControls ? ariaControls : null\"\n     [attr.aria-current]=\"ariaCurrent ? ariaCurrent : null\"\n     [attr.aria-live]=\"ariaLive ? ariaLive : null\"\n     [attr.aria-expanded]=\"ariaExpanded ? ariaExpanded : null\"\n     [attr.aria-errormessage]=\"ariaErrorMessage ? ariaErrorMessage : null\"\n     [attr.aria-haspopup]=\"ariaHasPopup ? ariaHasPopup : null\"\n     [attr.aria-modal]=\"ariaModal ? ariaModal : null\">\n  <ng-container *ngIf=\"active\">\n    <ng-template #container></ng-template>\n    <ng-container *ngTemplateOutlet=\"caller; context:callerContext\"></ng-container>\n  </ng-container>\n</div>\n\n"
+            },] }
+];
+AlertComponent.ctorParameters = () => [
+    { type: ChangeDetectorRef },
+    { type: ComponentFactoryResolver }
+];
+AlertComponent.propDecorators = {
+    alertWrapper: [{ type: ViewChild, args: ['alertWrapper',] }],
+    container: [{ type: ViewChild, args: ['container', { read: ViewContainerRef },] }],
+    id: [{ type: Input }],
+    classes: [{ type: Input }],
+    caller: [{ type: Input }],
+    focusFirst: [{ type: Input }],
+    active: [{ type: Input }],
+    activeChange: [{ type: Output }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzeS1hbmd1bGFyL3NyYy9saWIvZGVzeS12aWV3cy9jb21wb25lbnRzL2FsZXJ0L2FsZXJ0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUwsaUJBQWlCLEVBQ2pCLFNBQVMsRUFBRSx3QkFBd0IsRUFFbkMsWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEVBRU4sU0FBUyxFQUFFLGdCQUFnQixFQUM1QixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUNwRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFRL0QsTUFBTSxPQUFPLGNBQWUsU0FBUSxzQkFBc0I7SUErQnhELFlBQW9CLEtBQXdCLEVBQVUsZUFBeUM7UUFDN0YsS0FBSyxFQUFFLENBQUM7UUFEVSxVQUFLLEdBQUwsS0FBSyxDQUFtQjtRQUFVLG9CQUFlLEdBQWYsZUFBZSxDQUEwQjtRQVhyRixpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7UUFPN0Msb0JBQWUsR0FBWSxTQUFTLENBQUM7UUFDckMsZ0JBQVcsR0FBRyxLQUFLLENBQUM7UUFDcEIsMEJBQXFCLEdBQUcsS0FBSyxDQUFDO0lBSXRDLENBQUM7SUF2QkQsSUFBYSxNQUFNLENBQUMsS0FBYztRQUNoQyxVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7WUFDckIsSUFBSSxDQUFDLEtBQUssQ0FBQyxhQUFhLEVBQUUsQ0FBQztZQUMzQixJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztRQUMzQixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFDRCxJQUFJLE1BQU07UUFDUixPQUFPLElBQUksQ0FBQyxPQUFPLENBQUM7SUFDdEIsQ0FBQztJQWdCRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7SUFDdEIsQ0FBQztJQUVELGVBQWU7UUFFYixJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQztRQUN4QixJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRUQsT0FBTztRQUNMLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2hDLENBQUM7SUFFRCxpQkFBaUI7UUFDZixJQUFJLElBQUksQ0FBQyxPQUFPLElBQUksSUFBSSxDQUFDLFVBQVUsSUFBSSxDQUFDLElBQUksQ0FBQyxxQkFBcUIsRUFBRTtZQUNsRSxNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLHVCQUF1QixDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztZQUM5RSxNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLGVBQWUsQ0FBQyxPQUFPLENBQUMsQ0FBQztZQUMxRCxJQUFJLElBQUksQ0FBQyx3QkFBd0IsRUFBRTtnQkFDakMsSUFBSSxDQUFDLHdCQUF3QixDQUFDLElBQUksRUFBRSxTQUFTLENBQUMsQ0FBQzthQUNoRDtZQUNELElBQUksQ0FBQyxxQkFBcUIsR0FBRyxJQUFJLENBQUM7U0FDbkM7UUFFRCxJQUFJLElBQUksQ0FBQyxPQUFPLEtBQUssSUFBSSxDQUFDLGVBQWUsSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQzdELElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQztZQUVwQyxJQUFJLElBQUksQ0FBQyxPQUFPLElBQUksSUFBSSxDQUFDLFVBQVUsRUFBRTtnQkFDbkMsSUFBSSxDQUFDLEtBQUssQ0FBQyxhQUFhLEVBQUUsQ0FBQztnQkFDM0IsTUFBTSxTQUFTLEdBQUcsVUFBVSxDQUFDLHdCQUF3QixDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsYUFBNEIsQ0FBQyxDQUFDO2dCQUN0RyxJQUFJLFNBQVMsRUFBRTtvQkFDYixTQUFTLENBQUMsS0FBSyxFQUFFLENBQUM7aUJBQ25CO2FBQ0Y7U0FDRjtJQUNILENBQUM7OztZQTFFRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLFlBQVk7Z0JBQ3RCLGdsQ0FBcUM7YUFDdEM7OztZQWxCQyxpQkFBaUI7WUFDTix3QkFBd0I7OzsyQkFvQmxDLFNBQVMsU0FBQyxjQUFjO3dCQUN4QixTQUFTLFNBQUMsV0FBVyxFQUFFLEVBQUMsSUFBSSxFQUFFLGdCQUFnQixFQUFDO2lCQUUvQyxLQUFLO3NCQUNMLEtBQUs7cUJBQ0wsS0FBSzt5QkFDTCxLQUFLO3FCQUVMLEtBQUs7MkJBVUwsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsXG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBDb21wb25lbnQsIENvbXBvbmVudEZhY3RvcnlSZXNvbHZlciwgQ29tcG9uZW50UmVmLFxuICBFbGVtZW50UmVmLFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPbkRlc3Ryb3ksXG4gIE91dHB1dCxcbiAgVGVtcGxhdGVSZWYsIFR5cGUsXG4gIFZpZXdDaGlsZCwgVmlld0NvbnRhaW5lclJlZlxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFjY2Vzc2liaWxpdHlDb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi9zaGFyZWQvY29tcG9uZW50cyc7XG5pbXBvcnQgeyBGb2N1c1V0aWxzIH0gZnJvbSAnLi4vLi4vLi4vc2hhcmVkL3V0aWxzL2ZvY3VzLXV0aWxzJztcblxudHlwZSBBbGVydENyZWF0aW9uQ2FsbGJhY2sgPSAoKGRpYWxvZzogQWxlcnRDb21wb25lbnQsIGNhbGxlcjogQ29tcG9uZW50UmVmPGFueT4pID0+IHZvaWQpO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkZXN5LWFsZXJ0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FsZXJ0LmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBBbGVydENvbXBvbmVudCBleHRlbmRzIEFjY2Vzc2liaWxpdHlDb21wb25lbnQgaW1wbGVtZW50cyBPbkRlc3Ryb3ksIEFmdGVyVmlld0luaXQge1xuXG4gIEBWaWV3Q2hpbGQoJ2FsZXJ0V3JhcHBlcicpIGFsZXJ0V3JhcHBlcjogRWxlbWVudFJlZjtcbiAgQFZpZXdDaGlsZCgnY29udGFpbmVyJywge3JlYWQ6IFZpZXdDb250YWluZXJSZWZ9KSBjb250YWluZXI6IFZpZXdDb250YWluZXJSZWY7XG5cbiAgQElucHV0KCkgaWQ6IHN0cmluZztcbiAgQElucHV0KCkgY2xhc3Nlczogc3RyaW5nO1xuICBASW5wdXQoKSBjYWxsZXI6IFRlbXBsYXRlUmVmPGFueT47XG4gIEBJbnB1dCgpIGZvY3VzRmlyc3Q6IGJvb2xlYW47XG5cbiAgQElucHV0KCkgc2V0IGFjdGl2ZSh2YWx1ZTogYm9vbGVhbikge1xuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgdGhpcy5fYWN0aXZlID0gdmFsdWU7XG4gICAgICB0aGlzLmNkUmVmLmRldGVjdENoYW5nZXMoKTtcbiAgICAgIHRoaXMuaGFuZGxlQWN0aXZlU3RhdGUoKTtcbiAgICB9KTtcbiAgfVxuICBnZXQgYWN0aXZlKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLl9hY3RpdmU7XG4gIH1cbiAgQE91dHB1dCgpIGFjdGl2ZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuICBwcml2YXRlIF9hY3RpdmU6IGJvb2xlYW47XG4gIHB1YmxpYyBjYWxsZXJDb250ZXh0OiBhbnk7XG4gIHB1YmxpYyBjYWxsZXJUeXBlOiBUeXBlPGFueT47XG4gIHB1YmxpYyBvbkNhbGxlckNyZWF0aW9uQ2FsbGJhY2s6IEFsZXJ0Q3JlYXRpb25DYWxsYmFjaztcblxuICBwcml2YXRlIGxhc3RBY3RpdmVTdGF0ZTogYm9vbGVhbiA9IHVuZGVmaW5lZDtcbiAgcHJpdmF0ZSBoYXNWaWV3aW5pdCA9IGZhbHNlO1xuICBwcml2YXRlIGNyZWF0ZWRDYWxsZXJGcm9tVHlwZSA9IGZhbHNlO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY2RSZWY6IENoYW5nZURldGVjdG9yUmVmLCBwcml2YXRlIGZhY3RvcnlSZXNvbHZlcjogQ29tcG9uZW50RmFjdG9yeVJlc29sdmVyKSB7XG4gICAgc3VwZXIoKTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMuYWN0aXZlID0gZmFsc2U7XG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG5cbiAgICB0aGlzLmhhc1ZpZXdpbml0ID0gdHJ1ZTtcbiAgICB0aGlzLmhhbmRsZUFjdGl2ZVN0YXRlKCk7XG4gIH1cblxuICBkaXNtaXNzKCk6IHZvaWQge1xuICAgIHRoaXMuYWN0aXZlQ2hhbmdlLmVtaXQoZmFsc2UpO1xuICB9XG5cbiAgaGFuZGxlQWN0aXZlU3RhdGUoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuX2FjdGl2ZSAmJiB0aGlzLmNhbGxlclR5cGUgJiYgIXRoaXMuY3JlYXRlZENhbGxlckZyb21UeXBlKSB7XG4gICAgICBjb25zdCBmYWN0b3J5ID0gdGhpcy5mYWN0b3J5UmVzb2x2ZXIucmVzb2x2ZUNvbXBvbmVudEZhY3RvcnkodGhpcy5jYWxsZXJUeXBlKTtcbiAgICAgIGNvbnN0IGNvbXBvbmVudCA9IHRoaXMuY29udGFpbmVyLmNyZWF0ZUNvbXBvbmVudChmYWN0b3J5KTtcbiAgICAgIGlmICh0aGlzLm9uQ2FsbGVyQ3JlYXRpb25DYWxsYmFjaykge1xuICAgICAgICB0aGlzLm9uQ2FsbGVyQ3JlYXRpb25DYWxsYmFjayh0aGlzLCBjb21wb25lbnQpO1xuICAgICAgfVxuICAgICAgdGhpcy5jcmVhdGVkQ2FsbGVyRnJvbVR5cGUgPSB0cnVlO1xuICAgIH1cblxuICAgIGlmICh0aGlzLl9hY3RpdmUgIT09IHRoaXMubGFzdEFjdGl2ZVN0YXRlICYmIHRoaXMuaGFzVmlld2luaXQpIHtcbiAgICAgIHRoaXMubGFzdEFjdGl2ZVN0YXRlID0gdGhpcy5fYWN0aXZlO1xuXG4gICAgICBpZiAodGhpcy5fYWN0aXZlICYmIHRoaXMuZm9jdXNGaXJzdCkge1xuICAgICAgICB0aGlzLmNkUmVmLmRldGVjdENoYW5nZXMoKTtcbiAgICAgICAgY29uc3QgZm9jdXNFbGVtID0gRm9jdXNVdGlscy5nZXRGaXJzdEZvY3VzYWJsZUVsZW1lbnQodGhpcy5hbGVydFdyYXBwZXIubmF0aXZlRWxlbWVudCBhcyBIVE1MRWxlbWVudCk7XG4gICAgICAgIGlmIChmb2N1c0VsZW0pIHtcbiAgICAgICAgICBmb2N1c0VsZW0uZm9jdXMoKTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgfVxufVxuIl19

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

@@ -1,55 +1,55 @@
-import { animate, state, style, transition, trigger } from '@angular/animations';
-import { Component, Input } from '@angular/core';
-import { AccessibilityAndContentRequiredComponent } from '../../../shared/components';
-export class CollapsibleComponent extends AccessibilityAndContentRequiredComponent {
-    isOpen() {
-        this.open = !this.open;
-        this.toggleOpen();
-    }
-    toggleOpen() {
-        if (this.open) {
-            this.show = 'Ocultar';
-        }
-        else {
-            this.show = 'Mostrar';
-        }
-    }
-    ngOnInit() {
-        this.toggleOpen();
-    }
-    ngOnChanges() {
-        this.toggleOpen();
-    }
-}
-CollapsibleComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'desy-collapsible',
-                template: "<div [class]=\"(classes ? classes : '-my-px py-sm border-t border-b border-neutral-base')\"\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    <h3>        \r\n        <button *ngIf=\"headerText && !headerHtml\" (click)=\"isOpen()\" [attr.id]=\"id ? (id + '-title') : null\"\r\n            class=\"group relative w-full py-sm font-semibold text-left cursor-pointer focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black\" \r\n            [attr.aria-expanded]=\"open\"\r\n            [attr.aria-controls]=\"id ? id : null\">{{ headerText }}\r\n            <span class=\"absolute inset-y-0 right-0 py-sm font-normal text-sm text-neutral-dark underline group-focus:text-black\" aria-hidden=\"true\">{{show}}</span>\r\n        </button>\r\n        <button *ngIf=\"headerHtml\" (click)=\"isOpen()\" [attr.id]=\"id ? (id + '-title') : null\"\r\n            class=\"group relative w-full py-sm font-semibold text-left cursor-pointer focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black\" \r\n            [attr.aria-expanded]=\"open\"\r\n            [attr.aria-controls]=\"id ? id : null\"><ng-container *ngTemplateOutlet=\"tmpHtml\"></ng-container>\r\n            <span class=\"absolute inset-y-0 right-0 py-sm font-normal text-sm text-neutral-dark underline group-focus:text-black\" aria-hidden=\"true\">{{show}}</span>\r\n        </button>\r\n        <button *ngIf=\"!headerHtml && !headerText\" (click)=\"isOpen()\" [attr.id]=\"id ? (id + '-title') : null\"\r\n            class=\"group relative w-full py-sm font-semibold text-left cursor-pointer focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black\" \r\n            [attr.aria-expanded]=\"open\"\r\n            [attr.aria-controls]=\"id ? id : null\">\r\n            <ng-content></ng-content>\r\n            <span class=\"absolute inset-y-0 right-0 py-sm font-normal text-sm text-neutral-dark underline group-focus:text-black\" aria-hidden=\"true\">{{show}}</span>\r\n        </button>\r\n    </h3>\r\n    <div *ngIf=\"open && html\"  @displayCollapsible [attr.id]=\"(id ? id : null)\" class=\"py-sm\">\r\n        <ng-container *ngTemplateOutlet=\"html\"></ng-container>\r\n    </div>\r\n    <div *ngIf=\"open && !html\" @displayCollapsible [attr.id]=\"(id ? id : null)\" class=\"py-sm\">\r\n        <p [desyInnerContent]=\"text\"></p>\r\n    </div>\r\n</div>\r\n<ng-template #tmpHtml>\r\n    <div [outerHTML]=\"headerHtml | innerHtml\"></div>  \r\n </ng-template>\r\n",
-                animations: [
-                    trigger('displayCollapsible', [
-                        state('void', style({
-                            opacity: '0.0',
-                            transform: 'scaleY(0.95)'
-                        })),
-                        state('*', style({
-                            opacity: '1.0',
-                            transform: 'scaleY(1.0)'
-                        })),
-                        transition(':enter', [
-                            animate('100ms ease-out')
-                        ]),
-                        transition(':leave', [
-                            animate('75ms ease-in')
-                        ])
-                    ])
-                ]
-            },] }
-];
-CollapsibleComponent.propDecorators = {
-    headerText: [{ type: Input }],
-    headerHtml: [{ type: Input }],
-    id: [{ type: Input }],
-    open: [{ type: Input }],
-    classes: [{ type: Input }]
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sbGFwc2libGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzeS1hbmd1bGFyL3NyYy9saWIvZGVzeS12aWV3cy9jb21wb25lbnRzL2NvbGxhcHNpYmxlL2NvbGxhcHNpYmxlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ2pGLE9BQU8sRUFBRSxTQUFTLEVBQWUsS0FBSyxFQUFxQixNQUFNLGVBQWUsQ0FBQztBQUNqRixPQUFPLEVBQUUsd0NBQXdDLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQXdCdEYsTUFBTSxPQUFPLG9CQUFxQixTQUFRLHdDQUF3QztJQVNoRixNQUFNO1FBQ0osSUFBSSxDQUFDLElBQUksR0FBRyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUM7UUFDdkIsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO0lBQ3BCLENBQUM7SUFFRCxVQUFVO1FBQ1IsSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFDO1lBQ1osSUFBSSxDQUFDLElBQUksR0FBRyxTQUFTLENBQUM7U0FDdkI7YUFBTTtZQUNMLElBQUksQ0FBQyxJQUFJLEdBQUcsU0FBUyxDQUFDO1NBQ3ZCO0lBQ0gsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7SUFDcEIsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7SUFDcEIsQ0FBQzs7O1lBbERGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsa0JBQWtCO2dCQUM1Qiw2dUdBQTJDO2dCQUMzQyxVQUFVLEVBQUU7b0JBQ1YsT0FBTyxDQUFDLG9CQUFvQixFQUFFO3dCQUM1QixLQUFLLENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQzs0QkFDbEIsT0FBTyxFQUFFLEtBQUs7NEJBQ2QsU0FBUyxFQUFFLGNBQWM7eUJBQzFCLENBQUMsQ0FBQzt3QkFDSCxLQUFLLENBQUMsR0FBRyxFQUFFLEtBQUssQ0FBQzs0QkFDZixPQUFPLEVBQUUsS0FBSzs0QkFDZCxTQUFTLEVBQUUsYUFBYTt5QkFDekIsQ0FBQyxDQUFDO3dCQUNILFVBQVUsQ0FBQyxRQUFRLEVBQUU7NEJBQ25CLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQzt5QkFDMUIsQ0FBQzt3QkFDRixVQUFVLENBQUMsUUFBUSxFQUFFOzRCQUNuQixPQUFPLENBQUMsY0FBYyxDQUFDO3lCQUN4QixDQUFDO3FCQUNILENBQUM7aUJBQ0g7YUFDRjs7O3lCQUdFLEtBQUs7eUJBQ0wsS0FBSztpQkFDTCxLQUFLO21CQUNMLEtBQUs7c0JBQ0wsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGFuaW1hdGUsIHN0YXRlLCBzdHlsZSwgdHJhbnNpdGlvbiwgdHJpZ2dlciB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dCwgT25DaGFuZ2VzLCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQWNjZXNzaWJpbGl0eUFuZENvbnRlbnRSZXF1aXJlZENvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uL3NoYXJlZC9jb21wb25lbnRzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnZGVzeS1jb2xsYXBzaWJsZScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NvbGxhcHNpYmxlLmNvbXBvbmVudC5odG1sJyxcclxuICBhbmltYXRpb25zOiBbXHJcbiAgICB0cmlnZ2VyKCdkaXNwbGF5Q29sbGFwc2libGUnLCBbXHJcbiAgICAgIHN0YXRlKCd2b2lkJywgc3R5bGUoe1xyXG4gICAgICAgIG9wYWNpdHk6ICcwLjAnLFxyXG4gICAgICAgIHRyYW5zZm9ybTogJ3NjYWxlWSgwLjk1KSdcclxuICAgICAgfSkpLFxyXG4gICAgICBzdGF0ZSgnKicsIHN0eWxlKHtcclxuICAgICAgICBvcGFjaXR5OiAnMS4wJyxcclxuICAgICAgICB0cmFuc2Zvcm06ICdzY2FsZVkoMS4wKSdcclxuICAgICAgfSkpLFxyXG4gICAgICB0cmFuc2l0aW9uKCc6ZW50ZXInLCBbXHJcbiAgICAgICAgYW5pbWF0ZSgnMTAwbXMgZWFzZS1vdXQnKVxyXG4gICAgICBdKSxcclxuICAgICAgdHJhbnNpdGlvbignOmxlYXZlJywgW1xyXG4gICAgICAgIGFuaW1hdGUoJzc1bXMgZWFzZS1pbicpXHJcbiAgICAgIF0pXHJcbiAgICBdKVxyXG4gIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIENvbGxhcHNpYmxlQ29tcG9uZW50IGV4dGVuZHMgQWNjZXNzaWJpbGl0eUFuZENvbnRlbnRSZXF1aXJlZENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzIHtcclxuXHJcbiAgQElucHV0KCkgaGVhZGVyVGV4dDogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGhlYWRlckh0bWw6IHN0cmluZztcclxuICBASW5wdXQoKSBpZDogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIG9wZW46IGJvb2xlYW47XHJcbiAgQElucHV0KCkgY2xhc3Nlczogc3RyaW5nO1xyXG4gIHNob3c6IHN0cmluZztcclxuXHJcbiAgaXNPcGVuKCk6IHZvaWQge1xyXG4gICAgdGhpcy5vcGVuID0gIXRoaXMub3BlbjtcclxuICAgIHRoaXMudG9nZ2xlT3BlbigpO1xyXG4gIH1cclxuXHJcbiAgdG9nZ2xlT3BlbigpOiB2b2lkIHtcclxuICAgIGlmICh0aGlzLm9wZW4pe1xyXG4gICAgICB0aGlzLnNob3cgPSAnT2N1bHRhcic7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICB0aGlzLnNob3cgPSAnTW9zdHJhcic7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMudG9nZ2xlT3BlbigpO1xyXG4gIH1cclxuXHJcbiAgbmdPbkNoYW5nZXMoKTogdm9pZCB7XHJcbiAgICB0aGlzLnRvZ2dsZU9wZW4oKTtcclxuICB9XHJcblxyXG59XHJcbiJdfQ==
+import { animate, state, style, transition, trigger } from '@angular/animations';
+import { Component, Input } from '@angular/core';
+import { AccessibilityAndContentRequiredComponent } from '../../../shared/components';
+export class CollapsibleComponent extends AccessibilityAndContentRequiredComponent {
+    isOpen() {
+        this.open = !this.open;
+        this.toggleOpen();
+    }
+    toggleOpen() {
+        if (this.open) {
+            this.show = 'Ocultar';
+        }
+        else {
+            this.show = 'Mostrar';
+        }
+    }
+    ngOnInit() {
+        this.toggleOpen();
+    }
+    ngOnChanges() {
+        this.toggleOpen();
+    }
+}
+CollapsibleComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'desy-collapsible',
+                template: "<div [class]=\"(classes ? classes : '-my-px py-sm border-t border-b border-neutral-base')\"\n    [attr.role]=\"role ? role : null\"\n    [attr.aria-label]=\"ariaLabel ? ariaLabel : null\"\n    [attr.aria-describedby]=\"ariaDescribedBy ? ariaDescribedBy : null\"\n    [attr.aria-labelledby]=\"ariaLabelledBy ? ariaLabelledBy : null\"\n    [attr.aria-hidden]=\"ariaHidden ? ariaHidden : null\"\n    [attr.aria-disabled]=\"ariaDisabled ? ariaDisabled : null\"\n    [attr.aria-controls]=\"ariaControls ? ariaControls : null\"\n    [attr.aria-current]=\"ariaCurrent ? ariaCurrent : null\"\n    [attr.aria-live]=\"ariaLive ? ariaLive : null\"\n    [attr.aria-expanded]=\"ariaExpanded ? ariaExpanded : null\"\n    [attr.aria-errormessage]=\"ariaErrorMessage ? ariaErrorMessage : null\"\n    [attr.aria-haspopup]=\"ariaHasPopup ? ariaHasPopup : null\"\n    [attr.tabindex]=\"tabindex ? tabindex : null\">\n    <h3>        \n        <button *ngIf=\"headerText && !headerHtml\" (click)=\"isOpen()\" [attr.id]=\"id ? (id + '-title') : null\"\n            class=\"group relative w-full py-sm font-semibold text-left cursor-pointer focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black\" \n            [attr.aria-expanded]=\"open\"\n            [attr.aria-controls]=\"id ? id : null\">{{ headerText }}\n            <span class=\"absolute inset-y-0 right-0 py-sm font-normal text-sm text-neutral-dark underline group-focus:text-black\" aria-hidden=\"true\">{{show}}</span>\n        </button>\n        <button *ngIf=\"headerHtml\" (click)=\"isOpen()\" [attr.id]=\"id ? (id + '-title') : null\"\n            class=\"group relative w-full py-sm font-semibold text-left cursor-pointer focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black\" \n            [attr.aria-expanded]=\"open\"\n            [attr.aria-controls]=\"id ? id : null\"><ng-container *ngTemplateOutlet=\"tmpHtml\"></ng-container>\n            <span class=\"absolute inset-y-0 right-0 py-sm font-normal text-sm text-neutral-dark underline group-focus:text-black\" aria-hidden=\"true\">{{show}}</span>\n        </button>\n        <button *ngIf=\"!headerHtml && !headerText\" (click)=\"isOpen()\" [attr.id]=\"id ? (id + '-title') : null\"\n            class=\"group relative w-full py-sm font-semibold text-left cursor-pointer focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black\" \n            [attr.aria-expanded]=\"open\"\n            [attr.aria-controls]=\"id ? id : null\">\n            <ng-content></ng-content>\n            <span class=\"absolute inset-y-0 right-0 py-sm font-normal text-sm text-neutral-dark underline group-focus:text-black\" aria-hidden=\"true\">{{show}}</span>\n        </button>\n    </h3>\n    <div *ngIf=\"open && html\"  @displayCollapsible [attr.id]=\"(id ? id : null)\" class=\"py-sm\">\n        <ng-container *ngTemplateOutlet=\"html\"></ng-container>\n    </div>\n    <div *ngIf=\"open && !html\" @displayCollapsible [attr.id]=\"(id ? id : null)\" class=\"py-sm\">\n        <p [desyInnerContent]=\"text\"></p>\n    </div>\n</div>\n<ng-template #tmpHtml>\n    <div [outerHTML]=\"headerHtml | innerHtml\"></div>  \n </ng-template>\n",
+                animations: [
+                    trigger('displayCollapsible', [
+                        state('void', style({
+                            opacity: '0.0',
+                            transform: 'scaleY(0.95)'
+                        })),
+                        state('*', style({
+                            opacity: '1.0',
+                            transform: 'scaleY(1.0)'
+                        })),
+                        transition(':enter', [
+                            animate('100ms ease-out')
+                        ]),
+                        transition(':leave', [
+                            animate('75ms ease-in')
+                        ])
+                    ])
+                ]
+            },] }
+];
+CollapsibleComponent.propDecorators = {
+    headerText: [{ type: Input }],
+    headerHtml: [{ type: Input }],
+    id: [{ type: Input }],
+    open: [{ type: Input }],
+    classes: [{ type: Input }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sbGFwc2libGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzeS1hbmd1bGFyL3NyYy9saWIvZGVzeS12aWV3cy9jb21wb25lbnRzL2NvbGxhcHNpYmxlL2NvbGxhcHNpYmxlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ2pGLE9BQU8sRUFBRSxTQUFTLEVBQWUsS0FBSyxFQUFxQixNQUFNLGVBQWUsQ0FBQztBQUNqRixPQUFPLEVBQUUsd0NBQXdDLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQXdCdEYsTUFBTSxPQUFPLG9CQUFxQixTQUFRLHdDQUF3QztJQVNoRixNQUFNO1FBQ0osSUFBSSxDQUFDLElBQUksR0FBRyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUM7UUFDdkIsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO0lBQ3BCLENBQUM7SUFFRCxVQUFVO1FBQ1IsSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFDO1lBQ1osSUFBSSxDQUFDLElBQUksR0FBRyxTQUFTLENBQUM7U0FDdkI7YUFBTTtZQUNMLElBQUksQ0FBQyxJQUFJLEdBQUcsU0FBUyxDQUFDO1NBQ3ZCO0lBQ0gsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7SUFDcEIsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7SUFDcEIsQ0FBQzs7O1lBbERGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsa0JBQWtCO2dCQUM1QixtcEdBQTJDO2dCQUMzQyxVQUFVLEVBQUU7b0JBQ1YsT0FBTyxDQUFDLG9CQUFvQixFQUFFO3dCQUM1QixLQUFLLENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQzs0QkFDbEIsT0FBTyxFQUFFLEtBQUs7NEJBQ2QsU0FBUyxFQUFFLGNBQWM7eUJBQzFCLENBQUMsQ0FBQzt3QkFDSCxLQUFLLENBQUMsR0FBRyxFQUFFLEtBQUssQ0FBQzs0QkFDZixPQUFPLEVBQUUsS0FBSzs0QkFDZCxTQUFTLEVBQUUsYUFBYTt5QkFDekIsQ0FBQyxDQUFDO3dCQUNILFVBQVUsQ0FBQyxRQUFRLEVBQUU7NEJBQ25CLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQzt5QkFDMUIsQ0FBQzt3QkFDRixVQUFVLENBQUMsUUFBUSxFQUFFOzRCQUNuQixPQUFPLENBQUMsY0FBYyxDQUFDO3lCQUN4QixDQUFDO3FCQUNILENBQUM7aUJBQ0g7YUFDRjs7O3lCQUdFLEtBQUs7eUJBQ0wsS0FBSztpQkFDTCxLQUFLO21CQUNMLEtBQUs7c0JBQ0wsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGFuaW1hdGUsIHN0YXRlLCBzdHlsZSwgdHJhbnNpdGlvbiwgdHJpZ2dlciB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQsIE9uQ2hhbmdlcywgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBY2Nlc3NpYmlsaXR5QW5kQ29udGVudFJlcXVpcmVkQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vc2hhcmVkL2NvbXBvbmVudHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkZXN5LWNvbGxhcHNpYmxlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NvbGxhcHNpYmxlLmNvbXBvbmVudC5odG1sJyxcbiAgYW5pbWF0aW9uczogW1xuICAgIHRyaWdnZXIoJ2Rpc3BsYXlDb2xsYXBzaWJsZScsIFtcbiAgICAgIHN0YXRlKCd2b2lkJywgc3R5bGUoe1xuICAgICAgICBvcGFjaXR5OiAnMC4wJyxcbiAgICAgICAgdHJhbnNmb3JtOiAnc2NhbGVZKDAuOTUpJ1xuICAgICAgfSkpLFxuICAgICAgc3RhdGUoJyonLCBzdHlsZSh7XG4gICAgICAgIG9wYWNpdHk6ICcxLjAnLFxuICAgICAgICB0cmFuc2Zvcm06ICdzY2FsZVkoMS4wKSdcbiAgICAgIH0pKSxcbiAgICAgIHRyYW5zaXRpb24oJzplbnRlcicsIFtcbiAgICAgICAgYW5pbWF0ZSgnMTAwbXMgZWFzZS1vdXQnKVxuICAgICAgXSksXG4gICAgICB0cmFuc2l0aW9uKCc6bGVhdmUnLCBbXG4gICAgICAgIGFuaW1hdGUoJzc1bXMgZWFzZS1pbicpXG4gICAgICBdKVxuICAgIF0pXG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgQ29sbGFwc2libGVDb21wb25lbnQgZXh0ZW5kcyBBY2Nlc3NpYmlsaXR5QW5kQ29udGVudFJlcXVpcmVkQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMge1xuXG4gIEBJbnB1dCgpIGhlYWRlclRleHQ6IHN0cmluZztcbiAgQElucHV0KCkgaGVhZGVySHRtbDogc3RyaW5nO1xuICBASW5wdXQoKSBpZDogc3RyaW5nO1xuICBASW5wdXQoKSBvcGVuOiBib29sZWFuO1xuICBASW5wdXQoKSBjbGFzc2VzOiBzdHJpbmc7XG4gIHNob3c6IHN0cmluZztcblxuICBpc09wZW4oKTogdm9pZCB7XG4gICAgdGhpcy5vcGVuID0gIXRoaXMub3BlbjtcbiAgICB0aGlzLnRvZ2dsZU9wZW4oKTtcbiAgfVxuXG4gIHRvZ2dsZU9wZW4oKTogdm9pZCB7XG4gICAgaWYgKHRoaXMub3Blbil7XG4gICAgICB0aGlzLnNob3cgPSAnT2N1bHRhcic7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuc2hvdyA9ICdNb3N0cmFyJztcbiAgICB9XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnRvZ2dsZU9wZW4oKTtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKCk6IHZvaWQge1xuICAgIHRoaXMudG9nZ2xlT3BlbigpO1xuICB9XG5cbn1cbiJdfQ==

package/esm2015/lib/desy-views/components/description-list/definition/definition.component.js

@@ -1,15 +1,15 @@
-import { Component, Input } from '@angular/core';
-import { ContentBaseComponent } from '../../../../shared/components';
-export class DefinitionComponent extends ContentBaseComponent {
-}
-DefinitionComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'desy-definition',
-                template: '<ng-template #contentTemplate><ng-content></ng-content></ng-template>'
-            },] }
-];
-DefinitionComponent.propDecorators = {
-    classes: [{ type: Input }],
-    id: [{ type: Input }]
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVmaW5pdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXN5LWFuZ3VsYXIvc3JjL2xpYi9kZXN5LXZpZXdzL2NvbXBvbmVudHMvZGVzY3JpcHRpb24tbGlzdC9kZWZpbml0aW9uL2RlZmluaXRpb24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQy9DLE9BQU8sRUFBQyxvQkFBb0IsRUFBQyxNQUFNLCtCQUErQixDQUFDO0FBT25FLE1BQU0sT0FBTyxtQkFBb0IsU0FBUSxvQkFBb0I7OztZQUo1RCxTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGlCQUFpQjtnQkFDM0IsUUFBUSxFQUFFLHVFQUF1RTthQUNsRjs7O3NCQUdFLEtBQUs7aUJBQ0wsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7Q29udGVudEJhc2VDb21wb25lbnR9IGZyb20gJy4uLy4uLy4uLy4uL3NoYXJlZC9jb21wb25lbnRzJztcclxuaW1wb3J0IHtUZXJtRGVmaW5pdGlvbkRhdGF9IGZyb20gJy4uLy4uLy4uL2ludGVyZmFjZXMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdkZXN5LWRlZmluaXRpb24nLFxyXG4gIHRlbXBsYXRlOiAnPG5nLXRlbXBsYXRlICNjb250ZW50VGVtcGxhdGU+PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PjwvbmctdGVtcGxhdGU+J1xyXG59KVxyXG5leHBvcnQgY2xhc3MgRGVmaW5pdGlvbkNvbXBvbmVudCBleHRlbmRzIENvbnRlbnRCYXNlQ29tcG9uZW50IGltcGxlbWVudHMgVGVybURlZmluaXRpb25EYXRhIHtcclxuXHJcbiAgQElucHV0KCkgY2xhc3Nlczogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGlkOiBzdHJpbmc7XHJcbn1cclxuIl19
+import { Component, Input } from '@angular/core';
+import { ContentBaseComponent } from '../../../../shared/components';
+export class DefinitionComponent extends ContentBaseComponent {
+}
+DefinitionComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'desy-definition',
+                template: '<ng-template #contentTemplate><ng-content></ng-content></ng-template>'
+            },] }
+];
+DefinitionComponent.propDecorators = {
+    classes: [{ type: Input }],
+    id: [{ type: Input }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVmaW5pdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXN5LWFuZ3VsYXIvc3JjL2xpYi9kZXN5LXZpZXdzL2NvbXBvbmVudHMvZGVzY3JpcHRpb24tbGlzdC9kZWZpbml0aW9uL2RlZmluaXRpb24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQy9DLE9BQU8sRUFBQyxvQkFBb0IsRUFBQyxNQUFNLCtCQUErQixDQUFDO0FBT25FLE1BQU0sT0FBTyxtQkFBb0IsU0FBUSxvQkFBb0I7OztZQUo1RCxTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGlCQUFpQjtnQkFDM0IsUUFBUSxFQUFFLHVFQUF1RTthQUNsRjs7O3NCQUdFLEtBQUs7aUJBQ0wsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0NvbnRlbnRCYXNlQ29tcG9uZW50fSBmcm9tICcuLi8uLi8uLi8uLi9zaGFyZWQvY29tcG9uZW50cyc7XG5pbXBvcnQge1Rlcm1EZWZpbml0aW9uRGF0YX0gZnJvbSAnLi4vLi4vLi4vaW50ZXJmYWNlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Rlc3ktZGVmaW5pdGlvbicsXG4gIHRlbXBsYXRlOiAnPG5nLXRlbXBsYXRlICNjb250ZW50VGVtcGxhdGU+PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PjwvbmctdGVtcGxhdGU+J1xufSlcbmV4cG9ydCBjbGFzcyBEZWZpbml0aW9uQ29tcG9uZW50IGV4dGVuZHMgQ29udGVudEJhc2VDb21wb25lbnQgaW1wbGVtZW50cyBUZXJtRGVmaW5pdGlvbkRhdGEge1xuXG4gIEBJbnB1dCgpIGNsYXNzZXM6IHN0cmluZztcbiAgQElucHV0KCkgaWQ6IHN0cmluZztcbn1cbiJdfQ==

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

@@ -1,26 +1,26 @@
-import { __decorate } from "tslib";
-import { Component, ContentChildren, Input } from '@angular/core';
-import { TermComponent } from '../term/term.component';
-import { DefinitionComponent } from '../definition/definition.component';
-import { DesyContentChild } from '../../../../shared/decorators/desy-content-child.decorator';
-export class DescriptionItemComponent {
-}
-DescriptionItemComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'desy-description-item',
-                template: ''
-            },] }
-];
-DescriptionItemComponent.propDecorators = {
-    term: [{ type: ContentChildren, args: [TermComponent,] }],
-    definition: [{ type: ContentChildren, args: [DefinitionComponent,] }],
-    classes: [{ type: Input }],
-    id: [{ type: Input }]
-};
-__decorate([
-    DesyContentChild()
-], DescriptionItemComponent.prototype, "term", void 0);
-__decorate([
-    DesyContentChild()
-], DescriptionItemComponent.prototype, "definition", void 0);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVzY3JpcHRpb24taXRlbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXN5LWFuZ3VsYXIvc3JjL2xpYi9kZXN5LXZpZXdzL2NvbXBvbmVudHMvZGVzY3JpcHRpb24tbGlzdC9kZXNjcmlwdGlvbi1pdGVtL2Rlc2NyaXB0aW9uLWl0ZW0uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLGVBQWUsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFaEUsT0FBTyxFQUFDLGFBQWEsRUFBQyxNQUFNLHdCQUF3QixDQUFDO0FBQ3JELE9BQU8sRUFBQyxtQkFBbUIsRUFBQyxNQUFNLG9DQUFvQyxDQUFDO0FBQ3ZFLE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLDREQUE0RCxDQUFDO0FBTTVGLE1BQU0sT0FBTyx3QkFBd0I7OztZQUpwQyxTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLHVCQUF1QjtnQkFDakMsUUFBUSxFQUFFLEVBQUU7YUFDYjs7O21CQUlFLGVBQWUsU0FBQyxhQUFhO3lCQUc3QixlQUFlLFNBQUMsbUJBQW1CO3NCQUVuQyxLQUFLO2lCQUNMLEtBQUs7O0FBTjBCO0lBRC9CLGdCQUFnQixFQUFFO3NEQUNpQztBQUdkO0lBRHJDLGdCQUFnQixFQUFFOzREQUNtRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBDb250ZW50Q2hpbGRyZW4sIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtEZXNjcmlwdGlvbkl0ZW1EYXRhfSBmcm9tICcuLi8uLi8uLi9pbnRlcmZhY2VzJztcclxuaW1wb3J0IHtUZXJtQ29tcG9uZW50fSBmcm9tICcuLi90ZXJtL3Rlcm0uY29tcG9uZW50JztcclxuaW1wb3J0IHtEZWZpbml0aW9uQ29tcG9uZW50fSBmcm9tICcuLi9kZWZpbml0aW9uL2RlZmluaXRpb24uY29tcG9uZW50JztcclxuaW1wb3J0IHtEZXN5Q29udGVudENoaWxkfSBmcm9tICcuLi8uLi8uLi8uLi9zaGFyZWQvZGVjb3JhdG9ycy9kZXN5LWNvbnRlbnQtY2hpbGQuZGVjb3JhdG9yJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnZGVzeS1kZXNjcmlwdGlvbi1pdGVtJyxcclxuICB0ZW1wbGF0ZTogJydcclxufSlcclxuZXhwb3J0IGNsYXNzIERlc2NyaXB0aW9uSXRlbUNvbXBvbmVudCBpbXBsZW1lbnRzIERlc2NyaXB0aW9uSXRlbURhdGEge1xyXG5cclxuICBARGVzeUNvbnRlbnRDaGlsZCgpXHJcbiAgQENvbnRlbnRDaGlsZHJlbihUZXJtQ29tcG9uZW50KSB0ZXJtOiBUZXJtQ29tcG9uZW50O1xyXG5cclxuICBARGVzeUNvbnRlbnRDaGlsZCgpXHJcbiAgQENvbnRlbnRDaGlsZHJlbihEZWZpbml0aW9uQ29tcG9uZW50KSBkZWZpbml0aW9uOiBEZWZpbml0aW9uQ29tcG9uZW50O1xyXG5cclxuICBASW5wdXQoKSBjbGFzc2VzOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgaWQ6IHN0cmluZztcclxuXHJcbn1cclxuIl19
+import { __decorate } from "tslib";
+import { Component, ContentChildren, Input } from '@angular/core';
+import { TermComponent } from '../term/term.component';
+import { DefinitionComponent } from '../definition/definition.component';
+import { DesyContentChild } from '../../../../shared/decorators/desy-content-child.decorator';
+export class DescriptionItemComponent {
+}
+DescriptionItemComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'desy-description-item',
+                template: ''
+            },] }
+];
+DescriptionItemComponent.propDecorators = {
+    term: [{ type: ContentChildren, args: [TermComponent,] }],
+    definition: [{ type: ContentChildren, args: [DefinitionComponent,] }],
+    classes: [{ type: Input }],
+    id: [{ type: Input }]
+};
+__decorate([
+    DesyContentChild()
+], DescriptionItemComponent.prototype, "term", void 0);
+__decorate([
+    DesyContentChild()
+], DescriptionItemComponent.prototype, "definition", void 0);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVzY3JpcHRpb24taXRlbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXN5LWFuZ3VsYXIvc3JjL2xpYi9kZXN5LXZpZXdzL2NvbXBvbmVudHMvZGVzY3JpcHRpb24tbGlzdC9kZXNjcmlwdGlvbi1pdGVtL2Rlc2NyaXB0aW9uLWl0ZW0uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLGVBQWUsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFaEUsT0FBTyxFQUFDLGFBQWEsRUFBQyxNQUFNLHdCQUF3QixDQUFDO0FBQ3JELE9BQU8sRUFBQyxtQkFBbUIsRUFBQyxNQUFNLG9DQUFvQyxDQUFDO0FBQ3ZFLE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLDREQUE0RCxDQUFDO0FBTTVGLE1BQU0sT0FBTyx3QkFBd0I7OztZQUpwQyxTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLHVCQUF1QjtnQkFDakMsUUFBUSxFQUFFLEVBQUU7YUFDYjs7O21CQUlFLGVBQWUsU0FBQyxhQUFhO3lCQUc3QixlQUFlLFNBQUMsbUJBQW1CO3NCQUVuQyxLQUFLO2lCQUNMLEtBQUs7O0FBTjBCO0lBRC9CLGdCQUFnQixFQUFFO3NEQUNpQztBQUdkO0lBRHJDLGdCQUFnQixFQUFFOzREQUNtRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBDb250ZW50Q2hpbGRyZW4sIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7RGVzY3JpcHRpb25JdGVtRGF0YX0gZnJvbSAnLi4vLi4vLi4vaW50ZXJmYWNlcyc7XG5pbXBvcnQge1Rlcm1Db21wb25lbnR9IGZyb20gJy4uL3Rlcm0vdGVybS5jb21wb25lbnQnO1xuaW1wb3J0IHtEZWZpbml0aW9uQ29tcG9uZW50fSBmcm9tICcuLi9kZWZpbml0aW9uL2RlZmluaXRpb24uY29tcG9uZW50JztcbmltcG9ydCB7RGVzeUNvbnRlbnRDaGlsZH0gZnJvbSAnLi4vLi4vLi4vLi4vc2hhcmVkL2RlY29yYXRvcnMvZGVzeS1jb250ZW50LWNoaWxkLmRlY29yYXRvcic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Rlc3ktZGVzY3JpcHRpb24taXRlbScsXG4gIHRlbXBsYXRlOiAnJ1xufSlcbmV4cG9ydCBjbGFzcyBEZXNjcmlwdGlvbkl0ZW1Db21wb25lbnQgaW1wbGVtZW50cyBEZXNjcmlwdGlvbkl0ZW1EYXRhIHtcblxuICBARGVzeUNvbnRlbnRDaGlsZCgpXG4gIEBDb250ZW50Q2hpbGRyZW4oVGVybUNvbXBvbmVudCkgdGVybTogVGVybUNvbXBvbmVudDtcblxuICBARGVzeUNvbnRlbnRDaGlsZCgpXG4gIEBDb250ZW50Q2hpbGRyZW4oRGVmaW5pdGlvbkNvbXBvbmVudCkgZGVmaW5pdGlvbjogRGVmaW5pdGlvbkNvbXBvbmVudDtcblxuICBASW5wdXQoKSBjbGFzc2VzOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGlkOiBzdHJpbmc7XG5cbn1cbiJdfQ==